javascript - 如何突出显示 jquery 中的每个单词,以便为每个单词提供定义?

标签 javascript jquery jquery-selectors highlighting

我想做的是允许用户滚动网页上的任何单词,当鼠标移到该单词上时,它会突出显示(我知道我可以使用悬停来实现这一点)。但是我不知道如何从段落中选择单个单词。最终目标是允许用户单击该单词,并且定义会出现在该单词上,但我认为一旦我可以将鼠标悬停在各个单词上,我就可以弄清楚这一点。

最佳答案

Javascript 中无法做到这一点,一般来说,您可以交互的最小的东西是 DOM 元素。因此,从技术上讲,您可以将每个单词包装在 <span> 中。 ,但这似乎严重矫枉过正,并且可能还会对性能产生巨大影响。

相反,大多数提供此功能的网站所做的是,每当您选择文本 ( see this question for some code to get the current selection ) 时,它们都会执行悬停弹出窗口。

就我个人而言,我觉得这真的很烦人(例如,nytimes.com 就是这样做的),但也许这只是我的看法......

关于javascript - 如何突出显示 jquery 中的每个单词,以便为每个单词提供定义?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3445151/

相关文章:

javascript querySelector 不适用于 ':not()' 选项

javascript - 将 jQuery 事件应用到两个 DOM id 的选择器

javascript - 将 json 响应数组的值映射到预定义接口(interface)

javascript - 滚动导航过渡

jQuery animate() - 多个选择器和变量,独特的 animate() 调用

javascript - 更改管理员菜单类在单击时不起作用

javascript - Firefox 扩展在 main.js 文件中包含脚本

javascript - 为什么我的单例模块似乎有两个实例?

javascript - 使一个间隔开始另一个间隔

javascript - 如何始终保持div相同的高度