jQuery - rileva se il mouse è fermo?

Question

Mi chiedevo se c'era un modo per rilevare se il mouse è inattivo per circa 3 secondi in jQuery. C'è un plugin di cui non sono a conoscenza? Perché non credo che ci sia un metodo jQuery nativo. Qualsiasi aiuto sarebbe molto apprezzato!

Answer 1

È possibile ascoltare l'evento mousemove, avviare un timeout ogni volta che si verifica e annullare qualsiasi timeout esistente.

var timeout = null; 

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

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

DEMO

Questo può essere facilmente fatto senza jQuery così (solo vincolante il gestore di eventi qui è jQuery-specifico).

Answer 2

Non c'è bisogno di un plugin, o anche per jQuery affatto:

(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); 
})();