jQuery - 检测鼠标是否仍然存在？

Question

我想知道是否有一种方法来检测在jQuery中鼠标是否空闲3秒钟。有没有我不知道的插件？因为我不相信有一个原生的jQuery方法。任何帮助将非常感激！

Answer 1

你可以听mousemove事件，一旦发生任何启动超时而取消任何现有超时。

var timeout = null; 

$(document).on('mousemove', function() { 
    clearTimeout(timeout); 

    timeout = setTimeout(function() { 
     console.log('Mouse idle for 3 sec'); 
    }, 3000); 
}); 

DEMO

这可以在不jQuery的很容易实现，以及（仅结合这里的事件处理程序的jQuery专用）。

Answer 2

无需插件，甚至jQuery的根本：

(function() { 
    var idlefunction = function() { 
      // what to do when mouse is idle 
     }, idletimer, 
     idlestart = function() {idletimer = setTimeout(idlefunction,3000);}, 
     idlebreak = function() {clearTimeout(idletimer); idlestart();}; 
    if(window.addEventListener) 
     document.documentElement.addEventListener("mousemove",idlebreak,true); 
    else 
     document.documentElement.attachEvent("onmousemove",idlebreak,true); 
})();