.mousemove() Event

Syntax

.mousemove()

Description

.mousemove() event is used to trigger an action when the mouse is moved over an element.
The mouse move event occurs when the pointing device is moved while it is over an element. This attribute may be used with most elements. In the below example, the coordinates of the specified div are found on mousemove event.

Example Code

<script type="text/javascript" src="jquery.js"></script> <link href='http://hscripts.com/style-new.css' rel='stylesheet' type='text/css'> <script type="text/javascript"> jQuery(document).ready(function(){ $("#mov").mousemove(function(e){ $('#mov').html(e.pageX +', '+ e.pageY); }); }) </script> <div style="width: 100px; height: 100px; background:yellow;" id="mov"> Click anywhere on the coloured area! </div>