ตัวอย่าง
เปลี่ยนสีพื้นหลังของ <div> องค์ประกอบ (บรรพบุรุษของ <button> องค์ประกอบ):
$("div").on("click", "button", function(event){
$(event.delegateTarget).css("background-color",
"pink");
}); ลองตัวเอง» ความหมายและการใช้งาน
event.delegateTarget คุณสมบัติส่งกลับองค์ประกอบที่ปัจจุบันเรียกว่า jQuery จัดการเหตุการณ์ถูกแนบมา
สถานที่แห่งนี้จะเป็นประโยชน์สำหรับเหตุการณ์ที่เกิดขึ้นได้รับการแต่งตั้งโดยที่แนบมา on() วิธีที่จัดการเหตุการณ์ที่แนบมาที่บรรพบุรุษขององค์ประกอบที่มีการประมวลผล
เคล็ดลับ: event.delegateTarget เท่ากับ event.currentTarget ถ้าเหตุการณ์โดยตรงที่จะต้ององค์ประกอบคณะผู้แทนและไม่มีการเกิดขึ้น (ดูตัวอย่างด้านล่าง)
วากยสัมพันธ์
event.delegateTarget
| พารามิเตอร์ | ลักษณะ |
|---|---|
| event | จำเป็นต้องใช้ พารามิเตอร์เหตุการณ์มาจากฟังก์ชั่นเหตุการณ์ที่มีผลผูกพัน |
ลองตัวเอง - ตัวอย่าง
ความแตกต่างระหว่าง delegateTarget และ currentTarget กับคณะผู้แทน
แสดงความแตกต่างระหว่าง delegateTarget และ currentTarget เมื่อคณะผู้แทนเกิดขึ้น
delegateTarget และ delegateTarget currentTarget มีค่าเท่ากันสำหรับเหตุการณ์ผูกพันโดยตรง currentTarget
แสดงให้เห็นว่า delegateTarget และ currentTarget มีค่าเท่ากันสำหรับเหตุการณ์ผูกพันโดยตรง