MouseEvent-relatedTarget-Eigenschaft

Definition und Verwendung

Die relatedTarget-Eigenschaft gibt das Element zurück, das mit dem auslösenden Mausereignis verbunden ist.

Die relatedTarget-Eigenschaft kann:

  • zusammen mit dem mouseover-Event verwendet werden, um anzuzeigen, dass der Cursor gerade aus dem Element herausgetreten ist
  • oder zusammen mit dem mouseout-Event verwendet werden, um anzuzeigen, dass der Cursor gerade in das Element eingetreten ist

Anmerkung:Dieser Eigenschaft ist nur Lesbarkeit zugewiesen.

Beispiel

Erhalten Sie das Element, aus dem der Cursor gerade verlassen hat:

<p onmouseover="getRelatedElement(event)">Bewegen Sie den Mauszeiger über diesen Absatz.</p>
<script>
function getRelatedElement(event) { 
  alert("Der Cursor hat gerade das " + event.relatedTarget.tagName + "-Element verlassen.");
}
</script>

Probieren Sie es selbst aus

Syntax

event.relatedTarget

Technische Details

Rückgabewert: Verweis auf das betreffende Element.
DOM-Version: DOM Level 2 Events

Browser-Unterstützung

Eigenschaften Chrome IE Firefox Safari Opera
relatedTarget Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung