Onmiddellijk stoppen van bubbling in JavaScript
Om de verwerking volledig te stoppen,
ondersteunen moderne browsers de methode stopImmediatePropagation.
Dit voorkomt niet alleen bubbling, maar
stopt ook de verwerking van gebeurtenissen op het huidige
element. Laten we het toepassen:
elem1.addEventListener('click', function() {
console.log('groen');
});
elem2.addEventListener('click', function(event) {
console.log('blauw - eerste handler');
event.stopImmediatePropagation(); // stop de bubbling
});
elem2.addEventListener('click', function() {
console.log('blauw - tweede handler'); // wordt niet uitgevoerd
});
elem3.addEventListener('click', function() {
console.log('rood');
});
U kunt het testen:
