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