从文档中的任何位置访问当前正被鼠标悬停的元素

Question

有没有办法可以使用jquery访问当前鼠标悬停在其上的元素？

我知道我可以通过将mouseover事件附加到元素来访问元素，但是当我没有向元素应用任何事件并且想要访问正在被覆盖的特定元素时该怎么办？来自文档中任何位置的鼠标？

Answer 1

您可以将mouseover事件附加到document，并使用event.target来暂停当前元素。

尝试，

$(document).mouseover(function(e){
  console.log($(e.target).attr('id')); // i just retrieved the id for a demo
});

Answer 2

document.onmousemove = function (e) {
    e = e || window.event;
    evt = e;
}

使用evt.target获取元素

Answer 3

事件对象的target-attribute可以帮助你。 例如：

$('button:first').mouseover(function(e){


   var target = (e.target) ? e.target: e.srcElement;
   console.log(target );// get element that is being hovered over right now

});

或

document.querySelectorAll('button')[0].onmouseover = function(e){

   var target = (e.target) ? e.target: e.srcElement;
   console.log(target);// get element that is being hovered over right now

};

如果要获取已注册到事件发送者的元素，则必须使用currentTarget-attribut。希望这有点帮助。