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:

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