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