जावास्क्रिप्ट में तुरंत बबलिंग रोकना

प्रसंस्करण को पूरी तरह से रोकने के लिए, आधुनिक ब्राउज़र 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('लाल');
});

आप जाँच कर सकते हैं: