在textarea中获取光标下的单词

时间:2017-08-14 10:53:09

标签: javascript jquery html

我需要为textarea中的每个单词生成tooltip / popup

那么可以使用JavaScriptJQuery在textarea中获取光标下的单词吗?

我从事件参数(mousemovehover)获得的是光标的位置。 (或者可能不是?)

textarea的文本与textarea中的可能位置(使用字符的widthheight)拆分为数组是个不错的主意。

然后在光标位置发送tooltip

1 个答案:

答案 0 :(得分:0)

虽然这个问题太笼统,但我只能提供这样的答案,我希望它会有所帮助。我认为使用<textarea>执行此操作并不好,您需要编写复杂的代码才能实现此目的。我建议您使用JavaScript代码运行循环,为文本区域中的每个单词创建一个subDOM,每个单词都有一个<span>。在那里,您可以将每个工具提示绑定到每个span元素。之后你也可以隐藏textarea。

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

有意义吗?