THE WORLD'S LARGEST WEB DEVELOPER SITE
HTMLCSSJAVASCRIPTSQLPHPBOOTSTRAPJQUERYANGULARXML
 

jQuery mousemove() Method

jQuery Event Methods jQuery Event Methods

Example

Get the position of the mouse pointer within a page:

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

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

Examples

Try it Yourself - Examples

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


jQuery Event Methods jQuery Event Methods