Sündmuste levimise peatamine JavaScriptis
Sündmuse levimist saab peatada mis tahes
elemendil, mille kaudu sündmus levib.
Selleks tuleb elemendi koodis kutsuda
esile meetod stopPropagation objektist Event.
Järgmises näites klõps punasel plokil käivitub sellel endal, seejärel sinisel plokil ja kõik - sinine plokk peatab edasise levimise ja roheline plokk ei reageeri enam kuidagi:
elem1.addEventListener('click', function() {
console.log('roheline');
});
elem2.addEventListener('click', function(event) {
console.log('sinine');
event.stopPropagation(); // peatame levimise
});
elem3.addEventListener('click', function() {
console.log('punane');
});
Võite kontrollida:
