Javascript 用鼠标在文本区域中输入一个单词

我有一个

HTML元素。我的目标是当鼠标在文本区域中的一个单词上时，我需要得到这个单词并用它做一些事情。如何实施？我应该使用什么活动？

据我所知，你不能这样做

唯一可以做到这一点的方法是，使用类似

的元素包装每个元素，并将鼠标悬停事件添加到所有

元素中

<div class="spanhover"><span>Wrap</span><span>all</span><span>elements</span></div>

<script>
$(document).ready(function () {
  $('.spanhover span').bind('mouseenter', function () {
    alert($(this).html() + " is your word");
  });
});
</script>

wrappallelements
$（文档）.ready（函数（）{
$（'.spanhover span'）.bind（'mouseenter'，function（）{
警报（$（this.html（）+“是您的词”）；
});
});

您需要像鼠标上的工具提示一样使用鼠标和idea。我会使用ContentEditable div。用空格解析它的值，将单词包装成跨距并放回原处。然后为该跨度绑定悬停事件。可能是我想的那个复制品。但是我需要一些我可以编辑文本的东西。我可以将div设置为可编辑（contenteditable）。但是，当文本发生更改时，如何支持文本到范围的转换？似乎边缘案例太多了