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ă

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

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

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

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

Vezi și