คุณสมบัติ event.target

คุณสมบัติ event.target มีองค์ประกอบ ที่เกิดอีเวนต์ นี่ไม่ใช่ องค์ประกอบที่ผูกตัวจัดการ อีเวนต์นี้ไว้ แต่เป็นแท็ก ที่อยู่ลึกที่สุด ซึ่งเกิดการกระทำ เช่น การคลิกโดยตรง

ไวยากรณ์

event.target;

ตัวอย่าง

สมมติเรามี div และข้างในมีย่อหน้า ผูกอีเวนต์กับ div แต่คลิกที่ย่อหน้า - ในกรณีนี้ event.target จะ มีแท็กปลายทางที่เกิด อีเวนต์ - นั่นคือย่อหน้า ไม่ใช่ div มาทดสอบ สิ่งนี้ด้วย 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,
ซึ่งรับอักขระที่ป้อน