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