Sündmuste levimise kohest peatamist JavaScriptis

Selleks, et sündmuste töötlemist täielikult peatada, toetavad kaasaegsed brauserid meetodit stopImmediatePropagation. See mitte ainult ei väldi sündmuste levimist, vaid peatab ka sündmuste töötlemise praegusel elementil. Rakendame seda:

javascriptelem1.addEventListener('click', function() {
  console.log('roheline');
});
elem2.addEventListener('click', function(event) {
  console.log('sinakasroheline - esimene sündmuskäsitleja');
  event.stopImmediatePropagation();     // peatame levimise
});
elem2.addEventListener('click', function() {
  console.log('sinakasroheline - teine sündmuskäsitleja'); // ei tööta enam
});
elem3.addEventListener('click', function() {
  console.log('punane');
});

Võite kontrollida: