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/

相关文章:

javascript - 使用react-google-map时如何适应多个圆圈?

javascript - 如何将实体移动到鼠标位置并朝其旋转

javascript - 使用 ComponentDidMount 中的 props 调用 Action

javascript - 在 Redux-saga 中,如何从 Promise 的 Yield 调用中获取结果?

c# - 从 C# 中的登录 ID 中删除域信息

c# - 修剪字符串中的字符

c - 在 C 和 C++ 中处理字符串

javascript - 按下时未触发可触摸的不透明度

javascript - JavaScript 上的不同随机字符串锦标赛匹配

string - Powershell字符串分割差异