การหยุดการฟองใน JavaScript ทันที

เพื่อหยุดการประมวลผลโดยสิ้นเชิง เบราว์เซอร์รุ่นใหม่ๆ รองรับเมธอด stopImmediatePropagation มันไม่เพียงแต่ป้องกันการฟองเท่านั้น แต่ยัง หยุดการประมวลผลเหตุการณ์บนองค์ประกอบปัจจุบัน ด้วย ลองนำมาใช้กัน:

javascriptelem1.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('สีแดง');
});

คุณสามารถทดสอบได้: