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:
elem1.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ť:
