javascript - vanilla - tilt js vue

jQuery: ¿detecta si el mouse está quieto?

Question

Me preguntaba si había una forma de detectar si el mouse está inactivo durante 3 segundos en jQuery. ¿Hay algún complemento que desconozca? Porque no creo que haya un método jQuery nativo. ¡Cualquier ayuda sería muy apreciada!

Answer 1

No es necesario un complemento, ni siquiera 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);
})();

Answer 2

Puede escuchar el evento mousemove , iniciar un tiempo de espera siempre que ocurra y cancelar cualquier tiempo de espera existente.

var timeout = null;

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

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

MANIFESTACIÓN

Esto se puede hacer muy fácilmente sin jQuery también (solo vinculando el controlador de eventos aquí es específico de jQuery).