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

event.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:

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

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

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

Siehe auch

die Eigenschaft event.currentTarget,
die das Element enthält, an das das Ereignis gebunden ist
die Eigenschaft code,
die den Code der gedrückten Taste erhält
die Eigenschaft event.key,
die das eingegebene Zeichen erhält