การหยุดการฟองใน JavaScript ทันที
เพื่อหยุดการประมวลผลโดยสิ้นเชิง
เบราว์เซอร์รุ่นใหม่ๆ รองรับเมธอด stopImmediatePropagation
มันไม่เพียงแต่ป้องกันการฟองเท่านั้น แต่ยัง
หยุดการประมวลผลเหตุการณ์บนองค์ประกอบปัจจุบัน
ด้วย ลองนำมาใช้กัน:
elem1.addEventListener('click', function() {
console.log('สีเขียว');
});
elem2.addEventListener('click', function(event) {
console.log('สีฟ้า - ตัวจัดการเหตุการณ์แรก');
event.stopImmediatePropagation(); // หยุดการฟอง
});
elem2.addEventListener('click', function() {
console.log('สีฟ้า - ตัวจัดการเหตุการณ์ที่สอง'); // จะไม่ทำงานอีกต่อไป
});
elem3.addEventListener('click', function() {
console.log('สีแดง');
});
คุณสามารถทดสอบได้:
