เหตุการณ์เดือดปุด ๆ เป็น ประเภทของการเผยแพร่เหตุการณ์ โดยที่เหตุการณ์จะทริกเกอร์องค์ประกอบเป้าหมายในสุดในสุดก่อน จากนั้นจึงทริกเกอร์บรรพบุรุษ (พาเรนต์) ขององค์ประกอบเป้าหมายในลำดับชั้นการซ้อนเดียวกันอย่างต่อเนื่องจนถึงองค์ประกอบ DOM หรือวัตถุเอกสารที่อยู่นอกสุด (หากตัวจัดการถูกเตรียมใช้งาน)
เหตุการณ์เดือดปุด ๆ คืออะไรและทำงานอย่างไร
เหตุการณ์เดือดปุด ๆ คือ วิธีการเผยแพร่เหตุการณ์ใน HTML DOM API เมื่อเหตุการณ์อยู่ในองค์ประกอบภายในองค์ประกอบอื่น และองค์ประกอบทั้งสองได้ลงทะเบียนหมายเลขอ้างอิงของเหตุการณ์นั้นแล้ว เป็นกระบวนการที่เริ่มต้นด้วยองค์ประกอบที่เรียกเหตุการณ์แล้วฟองขึ้นไปถึงองค์ประกอบที่มีในลำดับชั้น
คุณทำให้ปฏิกิริยาของเหตุการณ์เกิดฟองได้อย่างไร
เหตุการณ์เดือดปุด ๆ และจับภาพใน React
Bubbling นั้นตรงไปตรงมาเหมือนกับ DOM API ปกติ เพียง แนบตัวจัดการกับพาเรนต์ในท้ายที่สุดขององค์ประกอบ และเหตุการณ์ใดๆ ที่ทริกเกอร์บนองค์ประกอบนั้นจะฟองไปที่พาเรนต์ เช่นเดียวกับในตัวอย่างของเราในตอนแรก
เหตุการณ์เดือดปุดๆ กับตัวอย่างโค้ดคืออะไร
เหตุการณ์เดือดปุดๆ เป็นคำที่คุณอาจเคยพบเจอในการเดินทาง JavaScript ของคุณ มันเกี่ยวข้องกับลำดับที่ตัวจัดการเหตุการณ์ถูกเรียกเมื่อองค์ประกอบหนึ่งซ้อนอยู่ภายในองค์ประกอบที่สอง และ องค์ประกอบทั้งสองได้ลงทะเบียนผู้ฟังสำหรับเหตุการณ์เดียวกัน (เช่น คลิก)
การเผยแพร่กิจกรรมเป็นอย่างไร
งานการแพร่กระจายเป็น วิธีอธิบาย “กอง” ของเหตุการณ์ที่เริ่มทำงานในเว็บเบราว์เซอร์ … ดังนั้น การคลิกที่แท็กจะเป็นการคลิกที่แถว ตาราง div ที่ตารางซ้อนอยู่ และอื่นๆ ไปจนถึงเอกสาร คอนเทนเนอร์ที่สมบูรณ์ที่มีทุกอย่างในเบราว์เซอร์ของคุณ