Okamžité zastavenie propagácie v JavaScripte

Aby sa úplne zastavilo spracovanie, moderné prehliadače podporujú metódu stopImmediatePropagation. Tá nielenže zabráni propagácii, ale aj zastaví spracovanie udalostí na aktuálnom prvku. Poďme ju aplikovať:

javascriptelem1.addEventListener('click', function() {
  console.log('zelený');
});
elem2.addEventListener('click', function(event) {
  console.log('modrý - prvá obsluha');
  event.stopImmediatePropagation();     // zastavíme propagáciu
});
elem2.addEventListener('click', function() {
  console.log('modrý - druhá obsluha'); // už nefunguje
});
elem3.addEventListener('click', function() {
  console.log('červený');
});

Môžete vyskúšať: