การเพิ่มเหตุการณ์แบบไดนามิกที่เรียกว่าเป็นหลักหมายถึงการมอบหมายงานใน JS
เรารู้ว่าใน JS การประมวลผลเหตุการณ์สามารถผูกพันกับองค์ประกอบที่เลือกในปัจจุบันกล่าวอีกนัยหนึ่งการประมวลผลเหตุการณ์สามารถผูกพันกับองค์ประกอบที่มีอยู่แล้วในเอกสารปัจจุบัน! อย่างไรก็ตามบ่อยครั้งที่เพื่อนจะพบปัญหาที่องค์ประกอบของฉันถูกเพิ่มเข้ามาในหน้าแบบไดนามิกในภายหลังและฉันต้องการผูกเหตุการณ์กับองค์ประกอบ จะจัดการกับมันได้อย่างไร?
เพื่อแสดงให้เห็นถึงปัญหานี้เราคิดว่าเราจำเป็นต้องเพิ่มเหตุการณ์คลิกลงในองค์ประกอบที่เพิ่มในภายหลังในหน้าปัจจุบัน
หลักของการแก้ปัญหานี้คือการใช้เหตุการณ์ตัวแทนของ JS ข้อได้เปรียบของเหตุการณ์ที่ได้รับมอบหมายคือพวกเขาสามารถผูกเหตุการณ์กับองค์ประกอบที่ไม่มีอยู่จริงและเหตุการณ์ที่ได้รับมอบหมายมักจะมีค่าใช้จ่ายที่น้อยกว่า!
Off Topic: ให้ฉันยกตัวอย่างที่ง่ายที่สุดให้คุณ: เมื่อมี 1,000 divs ในหน้าถ้า div ถูกผูกไว้โดยตรงกับเหตุการณ์การคลิกมันจะเป็นเหตุการณ์ 1,000 องค์ประกอบที่ถูกผูกไว้ อย่างไรก็ตามหากคุณใช้ผู้ได้รับมอบหมายกิจกรรมคุณต้องมีเพียงองค์ประกอบเดียวเท่านั้นที่จะผูกมัดเหตุการณ์ PS: ฉันหวังว่าคำพูดจะช่วยให้คุณเข้าใจความหมายของการว่าจ้างของเหตุการณ์
เราแค่อยากรู้ว่าองค์ประกอบที่สร้างขึ้นแบบไดนามิกจะเพิ่มเหตุการณ์ได้อย่างไรคุณพูดอะไรมากมายทำอะไร ...
โอเคกลับไปที่จุดดูการใช้งานเฉพาะ:
// จำลองการสร้างแบบไดนามิกขององค์ประกอบ li $ .ajax ({type: 'get', data: {}, ความสำเร็จ: function () {$ ('<li>'). addclass ('aaa'). html ('1111111111) function () {console.log ('ddd');});บทความข้างต้นเป็นความคิดโบราณเกี่ยวกับเหตุการณ์การเพิ่ม JS Dynamic --- การมอบหมายงานเป็นเนื้อหาทั้งหมดที่ฉันแบ่งปันกับคุณ ฉันหวังว่าคุณจะให้ข้อมูลอ้างอิงและฉันหวังว่าคุณจะสนับสนุน wulin.com มากขึ้น