event.target বৈশিষ্ট্য

event.target বৈশিষ্ট্যটি সেই উপাদান ধারণ করে, যার উপর ইভেন্ট সংঘটিত হয়েছে। এটি সেই উপাদান নয় যার সাথে ইভেন্টের হ্যান্ডলার বাঁধা ছিল, বরং এটি সবচেয়ে গভীরতম ট্যাগ, যার উপর সরাসরি, উদাহরণস্বরূপ, ক্লিক করা হয়েছে।

বাক্য গঠন

event.target;

উদাহরণ

ধরুন আমাদের কাছে একটি div আছে, এবং তার ভিতরে একটি অনুচ্ছেদ আছে। আমরা div-এর সাথে একটি ইভেন্ট বাঁধব, কিন্তু অনুচ্ছেদে ক্লিক করব - এই ক্ষেত্রে event.target হবে শেষ ট্যাগটি ধারণ করবে, যেখানে ইভেন্টটি ঘটেছে - অর্থাৎ অনুচ্ছেদটি, divটি নয়। আসুন tagName ব্যবহার করে এটি নিশ্চিত করি:

<div id="div">
	<p>text</p>
</div>

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

div.addEventListener('click', function(event) {
	console.log(event.target); // অনুচ্ছেদের রেফারেন্স输出 করবে
});

আরও দেখুন

event.currentTarget বৈশিষ্ট্য,
যা ইভেন্ট বাঁধা উপাদান ধারণ করে
code বৈশিষ্ট্য,
যা চাপা কী-এর কোড পায়
event.key বৈশিষ্ট্য,
যা Input করা অক্ষর পায়