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