jQuery mousemove() Method
jQuery Event MethodsExample
Get the position of the mouse pointer within a page:
$(document).mousemove(function(event){
$("span").text(event.pageX + ", " + event.pageY);
});
Try it Yourself »
$("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().
