Omgående stopp af event bubbling i JavaScript
For at stoppe håndteringen fuldstændigt,
understøtter moderne browsere metoden stopImmediatePropagation.
Den forhindrer ikke kun bubbling, men
stopper også håndtering af events på det aktuelle
element. Lad os anvende den:
elem1.addEventListener('click', function() {
console.log('grøn');
});
elem2.addEventListener('click', function(event) {
console.log('lyseblå - første håndterer');
event.stopImmediatePropagation(); // stopper bubbling
});
elem2.addEventListener('click', function() {
console.log('lyseblå - anden håndterer'); // vil ikke køre længere
});
elem3.addEventListener('click', function() {
console.log('rød');
});
Du kan prøve det:
