Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/418.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
HTML+Javascript:检测文本行中发生单击的位置_Javascript_Html_Text_Onclick - Fatal编程技术网

HTML+Javascript:检测文本行中发生单击的位置

HTML+Javascript:检测文本行中发生单击的位置,javascript,html,text,onclick,Javascript,Html,Text,Onclick,如果不使用标签包装每个字母并将onclick函数绑定到每个字母上,或者诸如此类的愚蠢行为,那么有什么好方法可以做到这一点呢?如果您使用文本区域并将其样式设置为与文本区域不同,您可以这样做:我认为这是不可能的,因为每个浏览器在每个客户端上呈现的页面都不同。由于javascript事件总是附加到某个html标记和文本,因此它本身不是标记,而是该标记的内容,因此您只能检索事件发生在该标记上的标记或每个父标记。 您可以通过使用div | | p | | span包装每个段落或句子,以某种方式确定光标的大

如果不使用标签包装每个字母并将onclick函数绑定到每个字母上,或者诸如此类的愚蠢行为,那么有什么好方法可以做到这一点呢?

如果您使用文本区域并将其样式设置为与文本区域不同,您可以这样做:

我认为这是不可能的,因为每个浏览器在每个客户端上呈现的页面都不同。由于javascript事件总是附加到某个html标记和文本,因此它本身不是标记,而是该标记的内容,因此您只能检索事件发生在该标记上的标记或每个父标记。
您可以通过使用div | | p | | span包装每个段落或句子,以某种方式确定光标的大致位置,检索单击事件相对于文档的位置,检索发生事件的标记相对于文档的位置,并根据同级标记的数量及其高度计算近似行号。

能否告诉我们一些上下文信息,即您为什么要这样做?此标记可能重复:可能重复