jQuery mousemove: Main Tips
- The jQuery
.mousemove()binds an event handler to
mousemoveevent, or triggers the event.
mousemoveevent fires whenever the mouse cursor moves for a single pixel. This means hundreds of events can be generated in seconds, so you should be aware of optimization options.
Theory is great, but we recommend digging deeper!
Usage of .mousemove()
.mousemove() method attaches an event handler which executes a function when the
mousemove event occurs. It can invoke the event as well.
The example below shows using
.mousemove() together with pageY and pageX properties to track and display cursor coordinates:
The syntax required to trigger the jQuery
mousemove event is simple, as there are no parameters to define:
To attach an event handler, simply include the callback function as a parameter in the parentheses:
Note: optimization of the jQuery mousemove event is crucial as every cursor move will trigger it. Unbind these events when they are no longer needed.