Välitön kuplimisen keskeyttäminen JavaScriptissä
Jotta käsittely voidaan pysäyttää kokonaan,
nykyaikaiset selaimet tukevat metodia stopImmediatePropagation.
Se ei vain estä kuplimista, vaan myös
pysäyttää tapahtumien käsittelyn nykyisessä
elementissä. Sovelletaan sitä:
elem1.addEventListener('click', function() {
console.log('vihreä');
});
elem2.addEventListener('click', function(event) {
console.log('sininen - ensimmäinen käsittelijä');
event.stopImmediatePropagation(); // pysäytetään kupliminen
});
elem2.addEventListener('click', function() {
console.log('sininen - toinen käsittelijä'); // ei toimi enää
});
elem3.addEventListener('click', function() {
console.log('punainen');
});
Voit testata:
