mousemove | onmousemove event (Internet Explorer)

mousemove | onmousemove event

Fires when the user moves the mouse over the object.

Syntax

HTML Attribute	<element onmousemove = "handler(event)">
Event Property	object.onmousemove = handler;
attachEvent Method	object.attachEvent("onmousemove", handler)
addEventListener Method	object.addEventListener("mousemove", handler, useCapture)

Event information

Synchronous	No
Bubbles	Yes
Cancelable	No

Event handler parameters

pEvtObj [in]: Type: IHTMLEventObj

Standards information

HTML 4.01 Specification, Section 18.2.3

Remarks

If the user presses a mouse button, use the button property to determine which button was pressed.

Initiates any action associated with this event.

To invoke this event, do one of the following:

Move the mouse over the document.

Examples

This example uses the onmousemove event to monitor the location of the mouse cursor on the screen. When the mouse cursor moves over the div object, a span object is updated with the clientX and clientY property values. The clientX and clientY properties are exposed by the event object.

Code example: http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/onmousemoveEX.htm


<script type="text/javascript">
function fnTrackMouse(){
   oNotice.innerText="Coords: (" + event.clientX + ", 
      " + event.clientY + ")";
}
</script>
<div id="oScratch" onmousemove="fnTrackMouse()">
  <span id="oNotice"></span>
</div>