Jquery hover 취소 조치

Question

다른 DOM 요소 위로 마우스를 가져갈 때 div를 표시하려고하지만 div가 표시되기 전에 마우스를 움직이면이 동작을 취소하고 싶습니다. 지금까지 내가

HTML

<div id="msg"> 
    <a href="#" id="33"> HERE </a> 
</div> 

JS

var timer; 
$("body").on('mouseenter', '#msg a',function(){ 
    var userHover = $(this).attr("id"); 
    timer = setTimeout(function() { 
     alert(userHover); 
    }, 1000); 
}).on('mouseleave', '#msg a', function(){ 

}); 

http://jsfiddle.net/Nyrdz/

어떤 도움이 감사해야하는 것이다.

Answer 1

당신은 clearTimeout()를 찾고 있습니다 :

var timer; 
$("body").on('mouseenter', '#msg a', function(){ 
    var userHover = $(this).attr("id"); 
    timer = setTimeout(function() { 
     alert(userHover); 
    }, 1000); 
}).on('mouseleave', '#msg a', function(){ 
    clearTimeout(timer); 
}); 

그러나, 경우에 당신은 당신이 요소 별 데이터의 timer 값을 저장하는 것이 좋습니다 높은 것 두 개 이상의 요소가 #msg a 일치해야합니다.

$("body").on('mouseenter', '#msg a', function(){ 
    var userHover = $(this).attr("id"); 
    $(this).data('timer', setTimeout(function() { 
     alert(userHover); 
    }, 1000)); 
}).on('mouseleave', '#msg a', function(){ 
    clearTimeout($(this).data('timer')); 
});