如何判斷鼠標是否懸停在元素上

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!");
});

Answer 3

我不知道這是否是最好的方法，但如果你使用jquery，你可以做這樣的事情：

var hoveringOver = false;

$("a#myLink").bind("mouseenter", function(){
hoveringOver = true;
});

$("a#myLink").bind("mouseleave", function(){
hoveringOver = false;
});

function isHoveringOver(){
return hoveringOver;
}