jQuery：如何全局获取整个文档正文中我悬停的最里面的 dom 元素？

Question

我想检测鼠标在整个文档主体上的移动，并能够准确地判断我将鼠标悬停在 DOM 的哪一部分上。我所说的“哪一部分”是指鼠标当前位于最里面的 DOM 元素。

我可以将悬停绑定到整个文档正文，但是 $(this) 会给我 $(body)，而不是最里面的元素。或者我可以递归地迭代整个 DOM 并将悬停绑定到每个元素，但这在我看来是一个严重的矫枉过正。

有没有一种简单的方法可以实现这一目标？

Answer 1

jQuery 的 event.target 应该可以解决问题：

$("body").click(function(event) {
  console.log($(event.target));
});

Answer 2

根据 Jasie 的建议，我最终使用了以下代码：

var currentNode = null;
$('body').mousemove(function(event) {
  if ($(event.target) !== currentNode) {
    currentNode = $(event.target);
    console.log(currentNode);
  }
});

Answer 3

:) 考虑所有元素，例如：

<div>this is div</div>
<span>this is span</span>
<p>This is p</p>
<a>this a</a>
<ul><li>this is ul li</li></ul>
<ol><li>This is ol li</li></ol>
<img src="" />
<textarea id="text"></textarea>

文本区域仅向您显示结果。

jQuery("div,span,p,a,ul,ol,img").hover(function(){
    jQuery("#text").append(jQuery(this).html() + 
                           "<br />");
},function(){
}
);