X
HOME HTML CSS JAVASCRIPT SQL PHP JQUERY ANGULAR BOOTSTRAP XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

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


Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB HOSTING

UK Reseller Hosting

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates

SHARE THIS PAGE

facebook