JavaScript检测节点中的文本偏移量答案

【问题标题】：JavaScript detect text offset in node at positionJavaScript检测节点中的文本偏移量
【发布时间】：2012-10-03 09:41:25
【问题描述】：

我想检测指定 x 和 y 坐标下的元素和文本偏移量。

假设我们有这样的 DOM：

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Nam quis nisl lectus. Donec euismod dignissim turpis, nec 
viverra nulla iaculis nec. _Fusce_ mattis orci eget nibh 
rhoncus auctor at in enim.
</p>

当用户在具有 x 和 y 坐标的单词 _Fusce_ 之前单击鼠标时，我想获取文本节点中单词 _Fusce_ 的偏移量作为索引。这可能吗？

【问题讨论】：

标签： javascript position selection offset

【解决方案1】：

WebKit 为此提供了document.caretRangeFromPoint()。 CSSOM 视图规范有document.caretPositionFromPoint()，但只有Firefox 20 and later currently implements it。

在 Firefox 中，如果您感兴趣的位置来自鼠标事件，那么您可以直接从具有rangeParent 和rangeOffset 属性的事件中获取此信息。

这是一个类似的问题，带有一些示例代码：

https://stackoverflow.com/a/10659990/96100

【讨论】：