获取一个单词的坐标

Posted 2023-03-06

【中文标题】获取一个单词的坐标

【英文标题】：Get the coordinates of a word

【发布时间】：2014-04-27 15:31:05

【问题描述】：

在我的 html 中，我有一个包含大量文本的段落。

<p>
    ... abc ...
    ... def ...
    ... ghi ...
    ... jkl ...
    ... mno ...
</p>

我现在想要的是能够在第三行中获得 h 的 X 和 Y 坐标中的位置。我在网上搜索了所有内容，但找不到。我该怎么做？

【问题讨论】：

我认为你不能这样做，除非你将 h 包装在一个 specifig html 标记中。

这肯定取决于段落宽度吗？

你想如何获取坐标？用javascript？

是的。我为此感到害怕。我实际上想将其用于扩展，因此不希望更改 DOM。

好吧.. 如果我将 p 的 innerHTML 从 '>a b ca b c

【参考方案1】：

创建一个仅包含相关字符的范围（由您决定如何执行此操作；我建议您搜索段落中的所有文本节点，直到找到所需的那个）并调用其getBoundingClientRect()方法。

【讨论】：

非常有用的功能。结合其他一些功能，我可以让它工作。