jQuery:鼠标还在元素上吗？

Question

我希望能够在以下场景中检测鼠标是否仍然在元素上:

1. 如果鼠标悬停,则休眠几秒钟.
2. 一旦完成睡眠检查,鼠标仍然在同一个元素上.
3. 如果是真的那么做点什么.

我怎样才能达到#2？

谢谢.

Answer 1

这似乎有效(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 2

看一下jQuery 的hoverIntent插件.它为您提供了一个新的事件处理程序,只有当您将元素悬停在元素上一段时间后才会触发它.通过调整其选项,您应该能够让它完全按照您的要求进行操作.

Answer 3

只需使用一个标志告诉您鼠标是否在它上面.

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