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事件插件，您只能轻松使用此代码：

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

检测鼠标停止时间间隔

1 个答案: