jQuery ผู้รับมอบสิทธิ์ ()วิธีการ
ตัวอย่าง
เมื่อมีการคลิกองค์ประกอบ <p> ภายในองค์ประกอบ <div> ให้เปลี่ยนสีพื้นหลังขององค์ประกอบ <p> ทั้งหมด:
$("div").delegate("p", "click", function(){
$("p").css("background-color", "pink");
});
ความหมายและการใช้งาน
เมธอด delegate() เลิกใช้แล้วในเวอร์ชัน 3.0 ใช้วิธี on()แทน
เมธอด delegate() แนบตัวจัดการเหตุการณ์ตั้งแต่หนึ่งตัวขึ้นไปสำหรับองค์ประกอบที่ระบุซึ่งเป็นลูกขององค์ประกอบที่เลือก และระบุฟังก์ชันที่จะเรียกใช้เมื่อเหตุการณ์เกิดขึ้น
ตัวจัดการเหตุการณ์ที่แนบมาโดยใช้เมธอด delegate() จะทำงานทั้งองค์ประกอบปัจจุบันและองค์ประกอบในอนาคต (เช่น องค์ประกอบใหม่ที่สร้างโดยสคริปต์)
ไวยากรณ์
$(selector).delegate(childSelector,event,data,function)
Parameter | Description |
---|---|
childSelector | Required. Specifies one or more child elements to attach the event handler to |
event | Required. Specifies one or more events to attach to the elements. Multiple event values are separated by space. Must be a valid event |
data | Optional. Specifies additional data to pass along to the function |
function | Required. Specifies the function to run when the event occurs |
ลองด้วยตัวคุณเอง - ตัวอย่าง
วิธีใช้เมธอด delegate() เพื่อเพิ่มตัวจัดการเหตุการณ์สำหรับองค์ประกอบที่ยังไม่ได้สร้าง
วิธีส่งต่อข้อมูลไปยังตัวจัดการเหตุการณ์ที่มีชื่อแบบกำหนดเอง