¿Cómo funciona el desencadenamiento de mousemove en Javascript?

Question

Tengo un objeto que imprime las posiciones xey del mouse en cada mousemove.

Es algo como esto:

$('#canvas').mousemove(function(e){ 
    $('#output').prepend(e.pageX + ',' + e.pageY); 
}); 

me he dado cuenta que cuando se mueve sobre el objeto que mas rapido que sólo imprime unas cuantas posiciones.

No estoy del todo contento de que lo haga (porque sería bastante exhaustivo hacer que haga algo por los cientos de píxeles que ha cruzado) pero me pregunto cómo funciona esto.

¿El evento mousemove está limitado a una determinada cantidad de activadores por segundo o qué?

(Por cierto: este fue probado en Chromium en Ubuntu Linux)

Answer 1

"Mice only report their position to the operating system n times per second, and I think n is usually less than 100"

Answer 2

Creo que es sincrónica. No se activa para cada píxel en el que mueve el mouse, lo que significa que los eventos no están en cola.

Di si tienes algún código como este.

$('#canvas').mousemove(function(e){ 
//Some code which takes seconds to execute 
//All subsequent events won't be dispatched while this event handler is executing. 
}); 

Decir si mueves el mouse mientras se ejecutan los manejadores de eventos move del mouse. El controlador mousemove no se activará.

Aquí hay un ejemplo de controlador que tardará unos segundos en ejecutarse. ->http://jsfiddle.net/78Hf3/1/

Y uno que toma sólo unos pocos tiempo ->http://jsfiddle.net/78Hf3/2/

Answer 3

es posible que desee ver esto, ya que esto puede depender del navegador,

http://javascript.info/tutorial/mouse-events#mousemove-and-mouseover-frequency, pero Si mira esta pregunta, hay una sugerencia sobre cómo obtener una mejor respuesta.

How to set mousemove update speed?