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

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

ไวยากรณ์

javascriptevent.target;

ตัวอย่าง

สมมติเรามี div และข้างในมีย่อหน้า ผูกอีเวนต์กับ div แต่คลิกที่ย่อหน้า - ในกรณีนี้ event.target จะ มีแท็กปลายทางที่เกิด อีเวนต์ - นั่นคือย่อหน้า ไม่ใช่ div มาทดสอบ สิ่งนี้ด้วย tagName:

html<div id="div">
  <p>ข้อความ</p>
</div>

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

div.addEventListener('click', function(event) {
  console.log(event.target); // แสดงลิงก์ไปยังย่อหน้า
});

ดูเพิ่มเติม