DHTML Events

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

A mouseover event occurs when the pointing device first enters the object and does not repeat unless the user moves the pointer out of the object and then back into it. This event is valid for most elements.

While event handlers in the Document Object Model do not receive parameters directly, the handler can query the event object for data.

Event Object Properties

The first example shows how to change the value of a text area in response to mouse events. The second demonstrates how to use the onmouseover event to apply a new style to an object.

Sample Code

<div align="center">
<textarea cols=25 
  onmouseover="this.value='onmouseover has fired'"
  onmouseout="this.value=''"></textarea>

<h5 id=theTxt onmouseover="this.style.color='lime'"
  onmouseout="this.style.color=''">
  Move the mouse pointer over this text, 
    then move it elsewhere in the document.</h5>
</div>

onmousedown, onmousemove, onmouseout, onmouseup