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

ईवेंट बबलिंग को किसी भी एलिमेंट पर रोका जा सकता है जिससे होकर ईवेंट बबल हो रहा है। इसके लिए एलिमेंट के कोड में Event ऑब्जेक्ट के stopPropagation मेथड को कॉल करना होगा।

निम्नलिखित उदाहरण में लाल ब्लॉक पर क्लिक उस पर खुद काम करेगा, फिर नीले ब्लॉक पर काम करेगा और बस - नीला ब्लॉक आगे की बबलिंग को रोक देता है और हरा ब्लॉक कोई प्रतिक्रिया नहीं देगा:

javascriptelem1.addEventListener('click', function() {
  console.log('हरा');
});
elem2.addEventListener('click', function(event) {
  console.log('नीला');
  event.stopPropagation(); // बबलिंग रोकें
});
elem3.addEventListener('click', function() {
  console.log('लाल');
});

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