Įvykių plitimo sustabdymas JavaScript
Įvykio plitimą galima sustabdyti bet kuriame
elemente, per kurį įvykis plinta.
Tam elemento kode reikia iškviesti
Event objekto metodą stopPropagation.
Šiame pavyzdyje paspaudimas ant raudonuoju bloku suveiks ant jo paties, tada ant mėlynojo bloko ir viskas - mėlynasis blokas sustabdo tolesnį plitimą ir žaliasis blokas jokiu būdu nereaguos:
elem1.addEventListener('click', function() {
console.log('žalias');
});
elem2.addEventListener('click', function(event) {
console.log('mėlynas');
event.stopPropagation(); // sustabdome plitimą
});
elem3.addEventListener('click', function() {
console.log('raudonas');
});
Galite patikrinti:
