jQuery：如何获得我在整个文档正文中全局hover的最里面的dom元素？

我想检测整个文档主体上的鼠标移动，并能够准确地告诉我正在盘旋的DOM的哪个部分。 “哪个部分”是指鼠标当前所在的最内层DOM元素。

我可以将hover绑定到整个文档正文，但是然后$（this）会给我$（body），而不是最里面的元素。 或者我可以递归迭代整个DOM并将hover绑定到每个元素，但这将是一个严重的矫枉过正的IMO。

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

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

:)想到所有元素，喜欢：

 
this is div
 this is span 
This is p
 this a 
this is ul li
 
This is ol li
   

textarea仅向您显示结果。

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