Více obslužných rutin na elementu v JavaScriptu

Pokud má element více obslužných rutin na jednu událost, tak i při zastavení propagace budou všechny provedeny. To znamená, stopPropagation zabrání postupu události dál, ale na aktuálním elementu všechny obslužné rutiny provedou. Podívejte se na příklad:

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

Můžete vyzkoušet: