每个字母都没有自己的包装元素,所有内容都在段落内。
我想知道当我将鼠标悬停在字符串的父元素上时是否可以检索字符串中字母的位置?
例如:<p>The quick brown fox jumps over the lazy dog</p>
有innerText.length = 43
,如果我将鼠标悬停在 f
上,它应该返回 16
.
有办法做到这一点吗?
提前致谢!
最佳答案
适合您的选项:
- 使用 Canvas (HTML5),特别是其
context.measureText(text).width
。但这会给 您定位在单行文本中。 - 要在 contenteditable 中使用光标/范围,请参阅 Get caret (cursor) position in contentEditable area containing HTML content例如。
关于javascript - 检索悬停时的字母位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7310687/