คุณสมบัติเหตุการณ์ currentTarget ใน HTML ใช้เพื่อรับองค์ประกอบที่ผู้ฟังเหตุการณ์เรียกเหตุการณ์
ต่อไปนี้เป็นไวยากรณ์ -
event.currentTarget
ให้เรามาดูตัวอย่างการใช้งานคุณสมบัติเหตุการณ์เป้าหมายปัจจุบัน -
ตัวอย่าง
<!DOCTYPE html> <html> <body> <h2>Get the element</h2> <p onclick="myFunction(event)">Click on this line to generate an alert box displaying the element whose eventlistener triggered the event.</p> <script> function myFunction(event) { alert("Element = "+event.currentTarget.nodeName); } </script> </body> </html>
ผลลัพธ์
ตอนนี้ดับเบิลคลิกที่บรรทัดตามที่แสดงในภาพหน้าจอด้านบนเพื่อสร้างกล่องแจ้งเตือนที่จะแสดงองค์ประกอบที่ผู้ฟังเหตุการณ์เรียกเหตุการณ์ -