我有一个包含一些文本的 div 元素。当用户单击该 div 内的单词时，我想突出显示该单词。
为了做到这一点，我需要知道点击发生在文本中的哪个字符位置，这样我就可以找到附近的空白并在单词周围插入一些格式。
找出文本中点击发生的位置是这里的技巧。这种事可能吗？
如果您的页面是自动生成的，您可以考虑通过放置一个来预处理页面<span class = 'word'>围绕每个可选 div 中的每个单词。事后你可能可以用 javascript 来实现这一点，我认为无论如何这都是你的解决方案，但预处理会让它变得更容易。
依赖单词绝对位置的问题是用户可以缩放字体，这使得这项任务特别困难。通过将跨度包裹在每个单独的单词周围，您可以通过将单击事件应用于跨度元素来轻松选择单击了哪个单词。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
