Viacero obslužných programov na prvku v JavaScripte

Ak má prvok viacero obslužných programov na jednu udalosť, tak aj pri zastavení bublania sa všetky vykonajú. To znamená, stopPropagation bráni postupu udalosti ďalej, ale na aktuálnom prvku sa všetky obslužné programy vykonajú. Pozrite si príklad:

javascriptelem1.addEventListener('click', function() {
  console.log('zelený');
});
elem2.addEventListener('click', function(event) {
  console.log('modrý - prvý obslužný program');
  event.stopPropagation(); // zastavíme bublanie
});
elem2.addEventListener('click', function() {
  console.log('modrý - druhý obslužný program'); // aj tak sa vykoná
});
elem3.addEventListener('click', function() {
  console.log('červený');
});

Môžete vyskúšať: