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

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

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

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

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

Se även