Example

Get the position of the mouse pointer within a page:

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

Try it yourself »

Definition and Usage

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

The mousemove() method triggers the mousemove event, or if the function parameter is set, it specifies what happens 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.


Trigger the mousemove Event

Trigger the mousemove event for the selected element.

Syntax

$(selector).mousemove()


Bind a Function to the mousemove Event

Specifies a function to run when the mousemove event is triggered for the selected element.

Syntax

$(selector).mousemove(function)
Try it yourself »

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