MouseEvent relatedTarget-eigenschap

DOM events MouseEvent

Definitie en gebruik

De relatedTarget-eigenschap retourneert het element dat gerelateerd is aan het element dat het muisevenement triggert.

De relatedTarget-eigenschap kan:

  • Gebruik het samen met het mouseover-evenement om aan te geven dat de cursor net is weggegaan van het element
  • Of gebruik het samen met het mouseout-evenement om aan te geven dat de cursor net is binnengegaan in het element

Opmerking:Deze eigenschap is alleen leesbaar.

Voorbeeld

Haal het element op waar de cursor net uit is gegaan:

<p onmouseover="getRelatedElement(event)">Muis over dit paragraaf.</p>
<script>
function getRelatedElement(event) { 
  alert("De cursor is net uit het element " + event.relatedTarget.tagName + " gegaan.");
}
</script>

Try it yourself

Syntax

event.relatedTarget

Technical details

Return value: Reference to the relevant element.
DOM version: DOM Level 2 Events

Browser support

Properties Chrome IE Firefox Safari Opera
relatedTarget Support Support Support Support Support
DOM events MouseEvent