Proprietatea event.target

Proprietatea event.target conține elementul pe care a fost declanșat evenimentul. Acesta nu este același element căruia i-a fost legat handler-ul acestui eveniment, ci chiar tag-ul cel mai profund, pe care a fost, de exemplu, făcut click direct.

Sintaxă

event.target;

Exemplu

Să presupunem că avem un div, iar în interiorul său un paragraf. Vom lega evenimentul de div, dar vom face click pe paragraf - în acest caz event.target va conține tag-ul final, în care s-a întâmplat evenimentul - adică paragraful, nu div-ul. Să ne convingem de acest lucru cu ajutorul tagName:

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

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

div.addEventListener('click', function(event) {
	console.log(event.target); // va afișa referința către paragraf
});

Vezi și

proprietatea event.currentTarget,
care conține elementul căruia i-a fost legat evenimentul
proprietatea code,
care obține codul tastei apăsate
proprietatea event.key,
care obține caracterul introdus