javascript - 检索悬停时的字母位置

标签 javascript string

每个字母都没有自己的包装元素,所有内容都在段落内。

我想知道当我将鼠标悬停在字符串的父元素上时是否可以检索字符串中字母的位置?

例如:<p>The quick brown fox jumps over the lazy dog</p>innerText.length = 43 ,如果我将鼠标悬停在 f 上,它应该返回 16 .

有办法做到这一点吗?

提前致谢!

最佳答案

适合您的选项:

  1. 使用 Canvas (HTML5),特别是其 context.measureText(text).width。但这会给 您定位在单行文本中。
  2. 要在 contenteditable 中使用光标/范围,请参阅 Get caret (cursor) position in contentEditable area containing HTML content例如。

关于javascript - 检索悬停时的字母位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7310687/

相关文章:

python - 生成不在字符串列表中的子字符串列表

python - 根据字符串的一部分在多个其他列中的存在情况创建列

java - 解析字符串并创建 json 格式,然后保存到文本文件

javascript - 如何在 adobe DTM 中设置页面级变量?

javascript - 尝试在控制台中记录函数时出现未定义

javascript - Promise .catch block 中传递给函数的是什么?

javascript - 单击内部 Div 时隐藏 Div

arrays - 如何根据与特定键的相似性对字符串数组进行排序

java - RegExp 匹配由有限字符集形成的字符串而不重复使用任何字符

javascript - js Date 太多聪明的行为