jQuery : 요소 위에 마우스가 여전히 있습니까?

Question

나는 마우스가 다음과 같은 시나리오의 요소를 통해하면 계속 감지 할 수 있도록하고 싶습니다 :

1. 마우스 오버 후 몇 초 동안 잠을합니다.
2. 일단 완료되면 마우스의 수면 검사가 여전히 동일한 요소 위에 있습니다.
3. 사실이면 뭔가를하십시오.

어떻게 2 위를 달성 할 수 있습니까?

감사합니다. 당신이 요소에 .hover()를 설정하면

, 당신은 그것을이 개 기능을 전달할 수 있습니다

Answer 1

jQuery 용 hoverIntent 플러그인을 살펴보십시오. 일정 시간 동안 요소 위에 마우스를 가져간 경우에만 실행되는 새 이벤트 핸들러를 제공합니다. 옵션을 조정하면 원하는대로 정확하게 할 수 있습니다.

Answer 2

여기에 하나의 방법입니다. 마우스가 요소 위에있을 때 첫 번째 요소가 시작되고 마우스가 밖으로 나갈 때 두 번째 요소가 시작됩니다.

첫 번째 기능은 currentElementId (또는 다른 플래그)을 설정할 수 있으며 두 번째 기능은이를 지울 수 있습니다. 이 방법은 currentElementId이 비어 있는지 확인하는 것입니다.

Answer 3

setTimeout('sleep', sleep_time)을 사용하면 설정된 시간 후에 함수를 호출 할 수 있습니다.

onmouseover 및 onmouseout에 이벤트 처리기를 할당하십시오.

이 핸들러는 마우스가 아직 요소에 있는지 확인하기 위해 플래그를 수정합니다.

잠자기 기능의 내부에서 깃발을 확인하고 돌려받을 수 있습니다.

Answer 4

깃발을 사용하여 마우스가 위에 있는지 여부를 알려줍니다.

var mouseover = false; 
$('.thing').mouseenter(function(){ 
    mouseover = true; 
}).mouseleave(function(){ 
    mouseover = false; 
}); 

Answer 5

이것은 (http://jsbin.com/uvoqe)

$("#hello").hover(function() { 
    $(this).data('timeout', setTimeout(function() { 

    alert('You have been hovering this element for 1000ms'); 

    }, 1000)); 
}, function() { 

    clearTimeout($(this).data('timeout')); 

}); 

Answer 6

나는 최대한 빨리 이동으로 div 다음 hover 이벤트에 나는이의 제한 시간 속성을 설정하고 보여 하이퍼 링크를 사용

을 작동하는 것 같다 내 div 내가 지우 시간 제한을 설정하고 div의 hover 기능을 사용하여 div을 페이드 아웃하십시오. 이게 당신을 도울 수 있기를 바랍니다.

<script type="text/javascript"> 
    $(document).ready(function() { 
     var obj; 
     $("a").hover(function() { 
      if ($("#div1").is(":hidden")) { 
       $("#div1").fadeIn(300).show(); 
      } 
     }, function() { 
      obj = setTimeout("jQuery('#div1').fadeOut(300);", 300); 
     }); 

     $("#div1").hover(function() { 
      clearTimeout(obj); 
      if ($("#div1").is(":hidden")) { 

       $("#div1").show(); 
      } 
     }, function() { 
      jQuery('#div1').fadeOut(300); 
     }); 
    }); 
</script>