Latest web development tutorials
 

MouseEvent relatedTarget Property

< Event Object

Example

Get the element the cursor just exited:

<p onmouseover="getRelatedElement(event)">Mouse over this paragraph.</p>

<script>
function getRelatedElement(event) {
    alert("The cursor just exited the " + event.relatedTarget.tagName + " element.");
}
</script>
Try it Yourself »

Definition and Usage

The relatedTarget property returns the element related to the element that triggered the mouse event.

The relatedTargert property can be used with the mouseover event to indicate the element the cursor just exited, or with the mouseout event to indicate the element the cursor just entered.

Note: This property is read-only.


Browser Support

Property
relatedTarget Yes Yes Yes Yes Yes

Syntax

event.relatedTarget

Technical Details

Return Value: A reference to the related element
DOM Version: DOM Level 2 Events

< Event Object