如何判断鼠标是否悬停在元素上

Question

是否有一个函数我可以调用,知道某个元素当前是否正在盘旋,像这样？

/* Returns true or false */
hoveringOver("a#mylink");

Answer 1

您可以使用jQuery的hover方法来跟踪:

$(...).hover(
    function() { $.data(this, 'hover', true); },
    function() { $.data(this, 'hover', false); }
).data('hover', false);

if ($(something).data('hover'))
    //Hovered!

Answer 2

是的，在经典的 JS 中：

document.getElementById("mylink").onmouseover = function() { alert("Hover!"); }
document.getElementById("mylink").onmouseout  = function() { alert("Out!"); }

在 jQuery 中：

$('#mylink').mouseover(function() {
  alert("Hover!");
});