Jquery - 延遲鼠標事件

Question

有沒有辦法讓jquery在mouseout事件觸發之前等待一段時間？

它現在發射得太早了，我更願意等待500ms後再評估鼠標。下面我使用的代碼示例。

$('.under-construction',this).bind({ 
    mousemove: function(e) { 
     setToolTipPosition(this,e); 
     css({'cursor' : 'crosshair' }); 
    }, 
    mouseover: function() { 
     $c('show!'); 
     showUnderConstruction(); 
    }, 
    mouseout: function() { 
     $c('hide!'); 
     hideUnderConstruction(); 
    }, 
    click: function() { 
     return false; 
    } 
}); 

是否有jQuery的方式來做到這一點，或者我將不得不自己做？

Answer 1

將mouseout內部的邏輯拆分爲另一個函數。在mouseout甚至用setTimeout("myMouseOut", 500)調用此函數。如果用戶移動到新元素中，您可以將mouseover事件與clearTimeout()組合起來以重置計時器。

Answer 2

你總是可以將你的邏輯包裝在setTimeout()函數中。

mouseout: function() { 
    setTimeout(function(){ 
    $c('hide!'); 
    hideUnderConstruction(); 
    }, 500); 
} 

Answer 3

你可能會檢查出hoverIntent plugin允許您定義一些增值經銷商與的mouseenter /輸出交互幫助