Trenutno zaustavljanje propagacije (bubbling) u JavaScriptu

Kako bi potpuno zaustavili procesiranje, moderni brauseri podržavaju metodu stopImmediatePropagation. Ona ne samo da sprečava propagaciju (bubbling), već i zaustavlja procesiranje događaja na trenutnom elementu. Hajde da je primenimo:

javascriptelem1.addEventListener('click', function() {
  console.log('zeleno');
});
elem2.addEventListener('click', function(event) {
  console.log('plavo - prvi rukovalac');
  event.stopImmediatePropagation();     // zaustavimo propagaciju
});
elem2.addEventListener('click', function() {
  console.log('plavo - drugi rukovalac'); // više neće raditi
});
elem3.addEventListener('click', function() {
  console.log('crveno');
});

Možete proveriti: