jQuery mousemove() Method

Example

Get the position of the mouse pointer within a page:

$(document).mousemove(function(event){
$("span").text(event.pageX + ", " + event.pageY);
});

Definition and Usage

The mousemove event occurs whenever the mouse pointer moves within the selected element.

The mousemove() method triggers the mousemove event, or attaches a function to run when a mousemove event occurs.

Note: Each time a user moves the mouse one pixel, a mousemove event occurs. It takes system resources to process all mousemove events. Use this event carefully.

Syntax

Trigger the mousemove event for the selected elements:

$(selector).mousemove() Try it

Attach a function to the mousemove event:

$(selector).mousemove(function) Try it

Parameter	Description
function	Optional. Specifies the function to run when the mousemove event is triggered

Try it Yourself - Examples

The difference between mouseover(), mouseenter() and mousemove()
Demonstrates the difference between mouseover(), mouseenter() and mousemove().

❮ jQuery Event Methods