Obtener ubicación del ratón mientras el ratón está abajo?

Question

¿Cómo puedo obtener de forma continua la posición del ratón mientras el botón está siendo presionada?

Sé que puedo hacer:

<element onclick="functionName(event)"></element> 
<script> 
function functionName(e){ 
e.pageX 
e.pageY 
//do stuff 
} 
</script> 

y sé que puede utilizar el evento onMouseDown, pero ¿cómo iba a conseguir de forma continua la posición mientras que el botón se mantiene presionado hacia abajo?

Por extraño que no pude encontrar en cualquier lugar que me veía.

Answer 1

De todos modos, me gustaría sugerir el uso de mousemove evento con verificación si which propiedad de evento es igual a 1 (es decir, botón izquierdo del ratón pulsado):

$("element").on("mousemove", function(e) { 
    if (e.which == 1) { 
     console.log(e.pageX + "/" + e.pageY); 
    } 
});​ 

DEMO:http://jsfiddle.net/HBZBQ/

Answer 2

Here es una jsFiddle de tú. Necesita almacenar el estado del botón del mouse en una variable.

jQuery:

$(document).ready(function() { 
    $(document).mousedown(function() { 
     $(this).data('mousedown', true); 
    }); 
    $(document).mouseup(function() { 
     $(this).data('mousedown', false); 
    }); 

    $(document).mousemove(function(e) { 
     if($(this).data('mousedown')) { 
      $('body').text('X: ' + e.pageX + ', Y: ' + e.pageY); 
     } 
    }); 
});​ 

aquí, estoy almacenando hasta el botón del ratón o hacia abajo en estado document usando $(document).data(). Podría haber usado una variable global, pero almacenarla de esta manera hace que el código sea un poco más limpio.

En su función $.mousemove(), sólo se hace lo que quiere si el ratón está presionado. En el código anterior, simplemente estoy imprimiendo la posición del mouse.