javascript - 查找光标当前所在的 textNode

Question

假设我有以下...

<div id="text">Some text</div>

当我的鼠标经过 Some , Some将返回并且与 text 相同.

如果不将每个节点放入它自己的元素中，这可能吗？

Answer 1

这几乎是不可能的。因为在 Javascript 中，您只知道您将鼠标悬停在 element(div 和/或 textnode 上case), 你无法知道哪个词被悬停了。

也许在 offsets 和/或 event.pageX/Y 上付出了很多努力和一些令人讨厌的 hack，但我会选择你自己提到的解决方案，包装每个word 到它自己的元素。

var $text = $('#text');
$text.html($text.text().replace(/\b(\w+)\b/g, "<span class='word'>$1</span>"));

$('.word').bind('mouseenter', function(e){
   alert($(this).text());
});