Okamžité zastavení propagace v JavaScriptu

Pro úplné zastavení zpracování moderní prohlížeče podporují metodu stopImmediatePropagation. Ta nejenže zabrání propagaci, ale také zastaví zpracování událostí na aktuálním prvku. Pojďme ji aplikovat:

javascriptelem1.addEventListener('click', function() {
  console.log('zelený');
});
elem2.addEventListener('click', function(event) {
  console.log('modrý - první obslužná rutina');
  event.stopImmediatePropagation();     // zastavíme propagaci
});
elem2.addEventListener('click', function() {
  console.log('modrý - druhá obslužná rutina'); // již neproběhne
});
elem3.addEventListener('click', function() {
  console.log('červený');
});

Můžete vyzkoušet: