檢查元素是否懸停在上面

Question

我想檢查一個元素是否正在盤旋。 我收到此錯誤：

Syntax error, unrecognized expression: unsupported pseudo: hover

當我使用這段代碼時：

 $('.class').blur(function(){
    if(!$(this).is(':hover')){
       //element not being hovered over
    }
 });

我也試過這個：

 $('.class').blur(function(){
    if($(this+":hover").length === 0){ 
       //element not being hovered over
    }
 });

這也行不通。 有沒有其他方法可以做到這一點。 謝謝。

Answer 1

$(".class").mouseover(function(){   
    $(this).attr('checked',true);   
    });  
});

Answer 2

jQuery內置了這個功能。 請參閱.hover（）上的文檔

$(".class").hover(
  function() {
    // item is being hovered over
    $(this).addClass('hover');
  }, function() {
    // item is no longer being hovered over
    $(this).removeClass('hover');
  }
);