在HTML元素中的单击位置获取文本

我有一个包含一些文本的div元素。当用户单击该div中的一个单词时，我只想突出显示该单词

为了做到这一点，我需要知道点击发生在文本中的字符位置，这样我就可以找到附近的空白并在单词周围插入一些格式

---

找出文本中单击发生的位置是这里的诀窍。如果你的页面是自动生成的，你可以考虑在每一个可选的div中围绕每个单词放一个<代码> <代码>预处理页面。事实上，你可以用JavaScript来处理这个问题，我认为这将是你的解决方案，但是预处理会使它更容易。

---

依赖单词的绝对位置的问题在于用户可以缩放字体，这使得这项任务特别困难。通过在每个单词周围环绕一个span，您可以通过将click事件应用于span元素来轻松选择单击了哪个单词。

这应该可以很好地工作。我将像这样包装每个word服务器端：。。。谢谢你的快速回答。