javascript - 检测鼠标停止时间间隔

Question

我使用下面的javascript代码来检测鼠标停止间隔之后500ms

document.onmousemove = (
var onmousestop = function() {
    alert("mouse stopped moving");
  }, thread;

  return function() {
    clearTimeout(thread);
    thread = setTimeout(onmousestop, 500);
  };
})();

有没有办法检测鼠标停止移动多长时间并在鼠标停止移动时执行代码以获得500ms任何帮助将不胜感激。提前致谢.. ：）

Answer 1

我会使用这个插件，这是一个智能高效的代码来跟踪 mousestop 事件。

http://richardscarrott.co.uk/posts/view/jquery-mousestop-event

例如工作示例：http: //jsfiddle.net/brunis/wLu4V/

$( 'html' ).bind('mousestop', function() {
  // do timeout here
});
$( 'html' ).mousemove(function( event ) {
    // clear timeout here
});

我没有使用mousestop，如果你愿意，你可以，但它需要一些额外的工作；mousestop 每个 mouseenter 只跟踪一个 mousestop。

如果你想使用 mousestop 事件插件，你可以很容易地只使用这个代码：

$.mousestopDelay = 500; // Wait 500 ms before triggering the mousestop event
$( 'html' ).bind('mousestop', function() {
    alert("Mouse stop + 500 MS!");
});