Properti event.target

Properti event.target berisi elemen, yang memicu event. Ini bukan elemen yang memiliki handler event tersebut, tapi tepatnya tag terdalam, yang secara langsung diklik, misalnya.

Sintaks

javascriptevent.target;

Contoh

Misalkan kita memiliki div, dan di dalamnya ada paragraf. Kita pasang event ke div tersebut, tapi mengklik paragrafnya - dalam hal ini event.target akan berisi tag akhir, di mana event terjadi - yaitu paragraf, bukan div. Mari kita buktikan dengan tagName:

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

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

div.addEventListener('click', function(event) {
  console.log(event.target); // akan menampilkan referensi ke paragraf
});

Lihat juga