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
event.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:
<div id="div">
<p>teks</p>
</div>
let div = document.querySelector('#div');
div.addEventListener('click', function(event) {
console.log(event.target); // akan menampilkan referensi ke paragraf
});
Lihat juga
-
properti
event.currentTarget,
yang berisi elemen, tempat event dipasang -
properti
code,
yang mendapatkan kode tombol yang ditekan -
properti
event.key,
yang mendapatkan karakter yang dimasukkan
