MouseEvent relatedTarget Property
Example
Get the element the cursor just exited:
<div onmouseover="getRelatedElement(event)">
</div>
<script>
function getRelatedElement(event) {
let text = "The cursor entered " + event.relatedTarget.tagName;
}
</script>
Try it Yourself »
Description
The relatedTarget property returns the element that triggered the mouse event.
The relatedTarget property is read-only.
Note
The relatedTarget property can be used with the mouseover
event, to get the element the cursor entered, or the mouseout event, to get the element the cursor exited.
See Also:
Syntax
event.relatedTarget
Technical Details
| Return Value: |
An Object. The related element. |
|---|---|
| DOM Version: | DOM Level 2 Mouse Events. |
Browser Support
event.relatedTarget is a DOM Level 2 (2001) feature.
It is fully supported in all browsers:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Yes | Yes | Yes | Yes | Yes | 9-11 |
