relatedTarget-Ereigniseigenschaft
Event-ObjektDefinition und Verwendung
Die relatedTarget-Ereigniseigenschaft gibt den Knoten zurück, der mit dem Zielknoten des Ereignisses verknüpft ist.
Beim mouseover-Ereignis ist diese Eigenschaft der Knoten, den der Mauszeiger verlassen hat, als er auf den Zielknoten wechselte.
Beim mouseout-Ereignis ist diese Eigenschaft der Knoten, in den der Mauszeiger eingetreten ist, als er das Ziel verließ.
Für andere Ereignistypen ist diese Eigenschaft nicht nützlich.
Syntax
event.relatedTarget
Beispiel
Beispiel
Das folgende Beispiel gibt das Element zurück, das der Zeiger gerade verlassen hat:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Rookie Tutorial (example.com)</title>
<script>
function getRelatedElement(event){
alert("Der Mauszeiger bewegte sich zum " + event.relatedTarget.tagName + " Element");
}
</script>
</head>
<body>
<p onmouseover="getRelatedElement(event)">Bewegen Sie die Maus über diesen Absatz.</p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Rookie Tutorial (example.com)</title>
<script>
function getRelatedElement(event){
alert("Der Mauszeiger bewegte sich zum " + event.relatedTarget.tagName + " Element");
}
</script>
</head>
<body>
<p onmouseover="getRelatedElement(event)">Bewegen Sie die Maus über diesen Absatz.</p>
</body>
</html>
Selbst ausprobieren »
Event-Objektandere Erweiterungen