mouseover

Summary

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

Overview Table

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.

<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>

View live example

Notes

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.

Syntax

Standards information

• HTML 4.01 Specification, Section 18.2.3

Event handler parameters

pEvtObj [in]

Type: ****IHTMLEventObj****

Attributions

• Mozilla Developer Network : [mouseover event Article]

• Microsoft Developer Network: [mouseover event Article]

• Portions of this content come from HTML5Rocks! [mouseover event samples article]