鼠標離開，只有當了mouseenter結束

Question

與後續代碼：

$('someelement').hover(
    function() { 
     console.log('mouseenter begin'); 
     setTimeout(function() { 
      console.log('mouseenter ends'); 
     }, 2000); 
    }, 
    function() { 
     console.log('mouseleave begin'); 
     setTimeout(function() { 
      console.log('mouseleave ends'); 
     }, 2000); 
    } 
) 

如果我進入，在某些時候離開股利（或一個時間少於2秒）我的控制檯中看到：

mouseenter begin 
mouseleave begin 
mouseenter ends 
mouseleave ends 

我只想在mouseenter結束時執行mouseleave，但不知道如何。

mouseenter begin 
mouseenter ends 
mouseleave begin 
mouseleave ends 

Answer 1

您可以創建一個隊列...

http://jsfiddle.net/FHPGS/

var queue = [] 

$('someelement').hover(
    function() { 
     queue.push('mouseenter begin'); 
     setTimeout(function() { 
      var item = queue.shift(); 
      if (item) 
       console.log(item) 
      console.log('mouseenter ends'); 
     }, 2000); 
    }, 
    function() { 
     queue.push('mouseleave begin'); 
     setTimeout(function() { 
      var item = queue.shift(); 
      if (item) 
       console.log(item) 
      console.log('mouseleave ends'); 
     }, 2000); 
    } 
)