Détection lorsque la souris ne bouge pas

Question

Je peux trouver la position du curseur. Mais j'ai besoin de savoir si la souris est stable. Si la souris n'a pas été déplacée pendant plus d'une minute, nous devons alerter l'utilisateur.

Comment c'est possible, y at-il des événements spéciaux pour cela? (Uniquement pour IE en javascript)

Answer 1

Définissez un délai d'attente lorsque la souris est déplacé d'une minute dans l'avenir, et si la souris est déplacée, désactivez le délai d'attente:

var timeout; 
document.onmousemove = function(){ 
    clearTimeout(timeout); 
    timeout = setTimeout(function(){alert("move your mouse");}, 60000); 
} 

Answer 2

N'existe-t-il pas un moyen de régler une minuterie pour qu'elle commence à s'incrémenter après chaque mouvement de souris? S'il atteint une minute, affichez la boîte de message, mais à chaque fois que la souris se déplace, la minuterie se réinitialise.

Answer 3

Utilisez une minuterie qui réinitialise sa valeur sur l'événement de suppression de la souris. Si la minuterie atteint 1 minute -> Faites quelque chose.

Plus d'info sur timer ici http://www.w3schools.com/js/js_timing.asp
Et plus d'informations sur événements de souris catchin ici http://www.quirksmode.org/js/events_mouse.html

Answer 4

Vous pouvez utiliser l'événement onmousemove. À l'intérieur, clearTimeout(), et setTimeout (your_warning, 1 minute).

Answer 5

Vous pouvez utiliser this script/snippet pour détecter la position du pointeur de la souris et vous en «souvenir». Ensuite, utilisez une minuterie "setTimeout (...)" pour vérifier la position disons chaque seconde et se souvenir de cette heure.

Si plus d'une minute s'est écoulée et que la position n'a pas changé, vous pouvez alerter l'utilisateur.

Answer 6

Oui, vous avez un événement onmousemove en Javascript, afin d'obtenir ce que vous avez juste besoin de faire quelque chose comme:

startTimer(); 
element.onmousemove = stopTimer(); //this stops and resets the timer 

Vous pouvez l'utiliser sur l'étiquette du corps du document par exemple.

MISE À JOUR: @Marius a obtenu un meilleur exemple que celui-ci.

Answer 7

est ici une fonction-et fait qui permet de vérifier tout élément pour le mouvement:

function mouse (element, delay, callback) { 

    // Counter Object 
    element.ms = {}; 

    // Counter Value 
    element.ms.x = 0; 

    // Counter Function 
    element.ms.y = function() { 

     // Callback Trigger 
     if ((++element.ms.x) == delay) element.ms.callback(element, element.ms); 
    }; 

    // Counter Callback 
    element.ms.callback = callback; 

    // Function Toggle 
    element.ms.toggle = function (state) { 

     // Stop Loop 
     if ([0, "off"][state]) clearInterval(element.ms.z); 

     // Create Loop 
     if ([1, "on"][state]) element.ms.z = setInterval(element.ms.y, 1); 
    }; 

    // Function Disable 
    element.ms.remove = function() { 

     // Delete Counter Object 
     element.ms = null; return delete element.ms; 
    }; 

    // Function Trigger 
    element.onmousemove = function() { 

     // Reset Counter Value 
     element.ms.x = -1; 
    }; 

    // Return 
    return element.ms; 
}; 

Utilisation: mouse(element, delay, callback)

Exemples: Faire un cache de lecteur vidéo la souris après 5 secondes en mode veille et plein écran

let x = mouse(video, 5000, function (a) { 
    if (document.webkitIsFullScreen) video.style.cursor = "none"; 
}); 

x.toggle(1); addEventListener("mousemove", function() { 
    video.style.cursor = "auto"; 
}); 

Chat Room AFK (45 secondes) (en supposant que vous avez une boîte de chat et une fonction d'envoi de message):

let x = mouse(chatBox, (45e3), function (a) { 
    chatBox.send({ text: chatBox.username + " is AFK.", italic: true }); 
}); 

x.toggle(1); x.addEventListener("mousemove", function() { 
    chatBox.send({ text: chatBox.username + " is no longer AFK", italic: true }); 
});