Question

How can I continuously get the position of the mouse whilst its button is being held down?

I know I can do:

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

and I know you can use the onmousedown event, but how would I continuously get the position while the button is still held down?

Oddly I couldn’t find this anywhere I looked.

Answer 1

Anyway, I’d suggest using mousemove event with check if which event property equals 1 (i.e. left mouse button pressed):

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

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