X
HOME HTML CSS JAVASCRIPT SQL PHP JQUERY ANGULAR BOOTSTRAP XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

MouseEvent relatedTarget Property

Event Object Reference 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 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 Reference Event Object

Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB HOSTING

UK Reseller Hosting

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates

SHARE THIS PAGE

facebook