javascript - 获取文本区域中光标下的单词

Question

我需要为文本区域中的每个单词制作一个工具提示/弹出

那么是否可以使用 JavaScript 或 JQuery 在文本区域中获取光标下的单词？

我从事件参数(mousemove、hover)中得到的只是光标的位置。 (或者也许不是？)

将 textarea 的文本拆分为数组，并将它们在 textarea 中的可能位置(使用 width 和 字符的高度)。

然后在光标位置发送工具提示？

Answer 1

虽然这个问题太笼统，但我只能提供这样的答案，希望对你有所帮助。我认为使用 <textarea>这样做并不好，您需要编写复杂的代码来实现这一点。我建议您使用 JavaScript 代码运行一个循环，针对文本区域中的每个单词，并在其下方使用 <span> 创建一个子 DOM。对于每个单词。在那里，您可以将每个工具提示绑定(bind)到每个 span 元素。您也可以随后隐藏文本区域。

因此，将文本区域的字符串拆分为单独的单词，使用 jQuery 为每个单词创建一个 span 元素，并将所有这些元素附加到另一个容器中。

有意义吗？