MouseEvent relatedTarget Property
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
