Natychmiastowe zatrzymanie propagacji w JavaScript

Aby całkowicie zatrzymać przetwarzanie, współczesne przeglądarki obsługują metodę stopImmediatePropagation. Zapobiega ona nie tylko propagacji, ale także zatrzymuje przetwarzanie zdarzeń na bieżącym elemencie. Zastosujmy ją:

javascriptelem1.addEventListener('click', function() {
  console.log('zielony');
});
elem2.addEventListener('click', function(event) {
  console.log('niebieski - pierwsza procedura obsługi');
  event.stopImmediatePropagation();     // zatrzymaj propagację
});
elem2.addEventListener('click', function() {
  console.log('niebieski - druga procedura obsługi'); // już nie zadziała
});
elem3.addEventListener('click', function() {
  console.log('czerwony');
});

Możesz to sprawdzić: