mouseover | onmouseover event (Internet Explorer)

The topic you requested is included in another documentation set. For convenience, it's displayed below. Choose Switch to see the topic in its original location.

30 out of 39 rated this helpful - Rate this topic

Fires when the user moves the mouse pointer into the object.

Syntax

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

Event information

Synchronous	No
Bubbles	No
Cancelable	No

Event handler parameters

pEvtObj [in]: Type: IHTMLEventObj

Standards information

HTML 4.01 Specification, Section 18.2.3

Remarks

The event occurs when the user moves the mouse pointer into the object, and it does not repeat unless the user moves the mouse pointer out of the object and then back into it.

Initiates any action associated with this event.

To invoke this event, do one of the following:

Move the mouse pointer into an object.

Examples

This example uses the onmouseover event to apply a new style to an object.


<p 
	onmouseover="this.style.color='red'" 
    onmouseout="this.style.color='black'">
    	Move the mouse pointer over this text to change its color. Move the pointer off the text 
        to change the color back.
</p>

This example shows how to change the value of a text area in response to mouse events.

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


<p>Move the mouse pointer into the text area to fire the onmouseover event. Move 
it out to clear the text.
<textarea name="txtMouseTrack" 
    onmouseover="this.value='onmouseover fired'" 
    onmouseout="this.value=''">
</textarea></p>

mouseover | onmouseover event