Sifat event.target
Sifat event.target mengandungi elemen,
yang mencetuskan peristiwa. Ini bukan
elemen yang pengendali peristiwa
ini diikatkan, tetapi sebenarnya tag paling dalam,
yang secara langsung, contohnya,
diklik.
Sintaks
event.target;
Contoh
Katakan kita ada div, dan di dalamnya ada perenggan.
Ikatkan peristiwa kepada div, tetapi klik perenggan
- dalam kes ini event.target akan
mengandungi tag akhir, di mana peristiwa
berlaku - iaitu perenggan, bukan div. Mari kita pastikan
ini dengan menggunakan tagName:
<div id="div">
<p>teks</p>
</div>
let div = document.querySelector('#div');
div.addEventListener('click', function(event) {
console.log(event.target); // akan memaparkan rujukan kepada perenggan
});
Lihat juga
-
sifat
event.currentTarget,
mengandungi elemen yang peristiwa diikatkan kepadanya -
sifat
code,
yang mendapatkan kod kekunci yang ditekan -
sifat
event.key,
yang mendapatkan aksara yang dimasukkan