Хосияти event.target

Хосияти event.target унсуреро дар бар мегирад, ки рӯйдод рӯи он рух додааст. Ин он унсур нест, ки мудири рӯйдод ба он васл карда шуда буд, балки албатта чуқуртарин тег, ки ба таври мустақим, барои намуна, клик ба он анҷом дода шудааст.

Синтаксис

event.target;

Намуна

Бигзор мо div дорем, ва дар дохили он абзас. Рӯйдодро ба див васл кунем, вале клик ба абзас кунем - дар ин ҳолат event.target хоҳад дошт теги ниҳоиро, ки дар он рӯйдод рух додааст - яъне абзас, на див. Бо ёрии tagName боварӣ ҳосил кунем:

<div id="div">
	<p>матн</p>
</div>

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

div.addEventListener('click', function(event) {
	console.log(event.target); // истинод ба абзасро чоп мекунад
});

Нигаред низ

хосияти event.currentTarget,
ки унсуреро дар бар мегирад, ки рӯйдод ба он васл карда шудааст
хосияти code,
ки коди тугмаи пахшкардашударо мегирад
хосияти event.key,
ки аломати воридкардашударо мегирад