თვისება 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,
რომელიც იღებს შეყვანილ სიმბოლოს