MouseMove ripetendo ogni secondo

Question

http://jsfiddle.net/MrkY9/

Il mio computer (e, finora, nessun altro computer tra i miei colleghi) espone un problema in Chrome, IE e Safari (ma non in Firefox). Il semplice codice mousemove, come il seguente (già in esecuzione sul violino in alto) cattura correttamente gli eventi mousemove, ma fino a quando il mouse si trova nel div, rileva un evento mousemove ogni secondo, anche se non mi muovo più il mouse .

var number = 0; 
$("#foo").on("mousemove", function() { this.innerHTML = number++ }); 

Questo sembra essere un problema basato su browser, dal momento che non mostra su FireFox. (Né si verifica su Windows. Anche quando il contatore sta salendo, se lascio la mia tastiera e il mouse da solo, il mio screen saver alla fine entra in azione.) Prima di concludere non è un problema di sistema, ho provato a sostituire il mouse e passare il Porta USB in cui è inserita. Non sorprende che nessuna di queste soluzioni risolva il problema.

Non ho capito come testarlo in qualcosa di diverso da javascript in un browser.

Domande: Qualcuno l'ha già incontrato prima? C'è qualcosa che devo fare per prenderlo? Ho un codice molto meno banale di questo violino che si basa sul sapere quando il mouse è e non si muove.

Answer 1

Ok, ho trovato il problema, anche se non capisco perfettamente perché si è trattato di un problema.

Avevo Task Manager in esecuzione in background. E per qualche ragione, ogni volta che si aggiornava, stava causando a IE, Safari e Chrome di ricevere un evento Mousemove.

Non ha senso, ma almeno la correzione è semplice: chiudere il Task Manager.

(è molto evidente se ci si trova nella scheda Applicazioni. Se siete in Performance, dipende da quali sono i valori sono impostati.)

Answer 2

Per me il problema si verifica a volte quando iTunes è in riproduzione. So che iTunes (per Windows) ha avuto un problema di concentrazione per anni - tende a rubare l'attenzione dalle sue finestre popup.

Hai indicato il problema nella tua risposta (accettata): altre applicazioni possono rubare l'attenzione del browser, attivando l'evento mousemove a piacere. Tuttavia, per un sito web dal vivo non possiamo supporre che un utente non stia eseguendo alcuni programmi come Task Manager o iTunes.

Come suggerito nella sezione commenti della domanda, si prega di salvare la posizione del mouse e continuare a controllare se è cambiato.

codice di esempio utilizzando jQuery:

var old_pos = [0, 0]; 
$(el).on("mousemove", function(e) { 
    var new_pos = [e.clientX, e.clientY]; 

    // Quit if the mouse position did not change. 
    if(old_pos[0] == new_pos[0] && old_pos[1] == new_pos[1]) 
     return; 

    // Your code. 
}); 

(Nota:. È meglio utilizzare l'evento touchmove con le touches e changedTouches array di gesti tattili)

Spero che questo aiuti chiunque sbattere contro simili i problemi.

Edit: funzionalità aggiuntive agli eventi del mouse separati da eventi touch basati su commento di Scott di seguito:

var old_pos = [0, 0]; 
$(el).on("mousemove touchmove", function(e) { 
    var new_pos = [e.clientX, e.clientY]; 

    // Quit if the mouse position did not change. 
    if(e.type == "mousemove" && old_pos[0] == new_pos[0] && old_pos[1] == new_pos[1]) 
     return; 

    // Your code. 
}); 

Answer 3

Ho affrontato lo stesso problema esatto. Per Pure Javascript, ho sostituito onmousemove con onmouseover. Per jQuery, ho sostituito Mousemove con il mouseover. La soluzione più veloce per me.