जावास्क्रिप्ट में एक एलिमेंट पर कई हैंडलर

यदि किसी एलिमेंट पर एक ही इवेंट के लिए कई हैंडलर हैं, तो बबलिंग रुक जाने पर भी वे सभी निष्पादित होंगे। यानी, stopPropagation इवेंट को आगे बढ़ने से रोकता है, लेकिन मौजूदा एलिमेंट पर सभी हैंडलर काम करेंगे। उदाहरण देखें:

javascriptelem1.addEventListener('click', function() {
  console.log('हरा');
});
elem2.addEventListener('click', function(event) {
  console.log('नीला - पहला हैंडलर');
  event.stopPropagation(); // बबलिंग रोकेंगे
});
elem2.addEventListener('click', function() {
  console.log('नीला - दूसरा हैंडलर'); // फिर भी काम करेगा
});
elem3.addEventListener('click', function() {
  console.log('लाल');
});

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