如果鼠標懸停檢查

Question

我想檢查鼠標懸停和鼠標離開狀態，並執行一些功能，如果鼠標在元素上或不在。 我試過這樣的事情，但它沒有奏效。

if($('#someid').is(':hover')){ DO STUFF OVER }else{ DO STUFF ELSE } 

Answer 1

我建議：

$('#someid').hover(
    function(){ 
     // do stuff when mouseover 
    }, 
    function(){ 
     // do stuff on mouseout. 
    }); 

參考：

• hover()。

Answer 2

試試這個

$('#someid').on('mouseenter', function(e){ 
    // do stuff when mouse is over an elemet 
}).on('mouseleave', function(e){ 
    // do stuff when mouse left the elemet 
}); 

見jQuery.on()和events。

Answer 3

寫這個

$('#someid').hover(
function(){ 
    DO STUFF OVER 
}, 
function(){ 
    DO STUFF ELSE 
} 
); 

好運

Answer 4

可以使用.hover函數是簡寫.mouseenter(handlerIn).mouseleave(handlerOut);

下面是一個例子，這裏是一個fiddle to demonstrate：

​$('#a').hover(function(){ 
    $(this).addClass('hover'); 
},function(){ 
    $(this).removeClass('hover'); 
});​​​​​​​