Die event.target-Eigenschaft

Die Eigenschaft event.target enthält das Element, auf dem das Ereignis ausgelöst wurde. Dies ist nicht das Element, an das der Event-Handler dieses Ereignisses gebunden war, sondern genau das tiefste Tag, auf das direkt, zum Beispiel, geklickt wurde.

Syntax

javascriptevent.target;

Beispiel

Nehmen wir an, wir haben ein div und darin einen Absatz. Binden wir ein Ereignis an das div, klicken aber auf den Absatz - in diesem Fall wird event.target das End-Tag enthalten, in dem das Ereignis aufgetreten ist - also den Absatz, nicht das div. Vergewissern wir uns dessen mit Hilfe von tagName:

html<div id="div">
  <p>text</p>
</div>

javascriptlet div = document.querySelector('#div');

div.addEventListener('click', function(event) {
  console.log(event.target); // gibt die Referenz auf den Absatz aus
});

Siehe auch