Wykrywanie kiedy mysz się nie porusza

Question

Jestem w stanie znaleźć pozycję kursora. Ale muszę się dowiedzieć, czy mysz jest stabilna. Jeśli mysz nie była przesuwana dłużej niż przez 1 minutę, musimy powiadomić użytkownika.

Jak to możliwe, czy są jakieś specjalne wydarzenia? (Tylko dla IE w javascript)

Answer 1

ustawić limit czasu, gdy wskaźnik myszy zostanie przesunięty o jedną minutę w przyszłość, a jeśli mysz jest przesuwana, wyczyść timeout:

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

Answer 2

Czy nie ma sposobu na ustawienie timera do rozpoczęcia inkrementacji po każdym ruchu myszy?

Jeśli minie minuta, to pojawi się okno komunikatu, ale za każdym razem, gdy mysz się porusza, timer zostanie zresetowany.

Answer 3

Użyj licznika czasu, który resetuje jego wartość w zdarzeniu mousemove. Jeśli licznik osiągnie 1 minutę -> Zrób coś.

Więcej informacji na zegarem tutaj http://www.w3schools.com/js/js_timing.asp
I więcej informacji na chwytania zdarzeń myszy tutaj http://www.quirksmode.org/js/events_mouse.html

Answer 4

Można użyć onmousemove wydarzenie. Wewnątrz to clearTimeout() i setTimeout (your_warning, 1 minute).

Answer 5

Można użyć this script/snippet, aby wykryć położenie wskaźnika myszy i "zapamiętać" go. Następnie użyj timera "setTimeout (...)", aby sprawdzić pozycję powiedzmy co sekundę i pamiętaj o tym czasie.

Jeśli minęła więcej niż jedna minuta, a pozycja nie uległa zmianie, możesz ostrzec użytkownika.

Answer 6

Tak, masz onmousemove zdarzenia w JavaScript, tak aby osiągnąć to, co potrzebujesz po prostu wykonać kod w ten sposób:

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

Można na przykład użyć go na znaczniku dokumentu.

AKTUALIZACJA: @Marius osiągnął lepszy przykład niż ten.

Answer 7

Oto jeden i zrobić funkcję, która może sprawdzić każdy element na ruch:

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

wykorzystania: mouse(element, delay, callback)

Przykłady: Marka ukrycia odtwarzacza wideo mysz po 5 sekundach bezczynności i pełnym ekranie

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 sekund) (zakładając, że masz okno czatu oraz funkcję wyślij wiadomość):

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