onmousemove event (Internet Explorer)

Switch View :

Classic

Lightweight

ScriptFree

Site Feedback

onmousemove event

[This documentation is preliminary and is subject to change.]

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)

Standards information

HTML 4.01 Specification, Section 18.2.3

Event information

Synchronous	No
Bubbles	No
Cancelable	No

Event handler parameters

pEvtObj [in]: Type: IHTMLEventObj

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.

The pEvtObj parameter is required for the following interfaces:

HTMLAnchorEvents2
HTMLAreaEvents2
HTMLButtonElementEvents2
HTMLControlElementEvents2
HTMLDocumentEvents2
HTMLElementEvents2
HTMLFormElementEvents2
HTMLImgEvents2
HTMLFrameSiteEvents2
HTMLInputFileElementEvents2
HTMLInputImageEvents2
HTMLInputTextElementEvents2
HTMLLabelEvents2
HTMLLinkElementEvents2
HTMLMapEvents2
HTMLMarqueeElementEvents2
HTMLObjectElementEvents2
HTMLOptionButtonElementEvents2
HTMLScriptEvents2
HTMLSelectElementEvents2
HTMLStyleElementEvents2
HTMLTableEvents2
HTMLTextContainerEvents2
HTMLWindowEvents2
HTMLWindowEvents4

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>