Oprirea imediată a bubbling-ului în JavaScript

Pentru a opri complet procesarea, browserele moderne suportă metoda stopImmediatePropagation. Ea nu numai că prevenește bubbling-ul, dar și oprește procesarea evenimentelor pe elementul curent. Să o aplicăm:

javascriptelem1.addEventListener('click', function() {
  console.log('verde');
});
elem2.addEventListener('click', function(event) {
  console.log('albastru - primul handler');
  event.stopImmediatePropagation();     // oprim bubbling-ul
});
elem2.addEventListener('click', function() {
  console.log('albastru - al doilea handler'); // nu se va mai executa
});
elem3.addEventListener('click', function() {
  console.log('roșu');
});

Puteți verifica: