Egenskapen event.target

Egenskapen event.target innehåller elementet som utlöste händelsen. Detta är inte det element som händelsehanteraren var bunden till, utan just det mest nesteda taggen som direkt utlöstes, till exempel, när ett klick skedde.

Syntax

event.target;

Exempel

Låt oss säga att vi har en div, och inuti den ett stycke. Vi binder en händelse till div:en, men klickar på stycket - i det här fallet kommer event.target att innehålla den slutliga taggen där händelsen inträffade - det vill säga stycket, och inte div:en. Låt oss övertyga oss om detta med hjälp av tagName:

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

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

div.addEventListener('click', function(event) {
	console.log(event.target); // kommer att skriva ut referensen till stycket
});

Se även

egenskapen event.currentTarget,
som innehåller elementet som händelsen är bunden till
egenskapen code,
som får koden för den nedtryckta tangenten
egenskapen event.key,
som får den inmatade symbolen