Umiddelbar stopp av hendelsesutbredelse i JavaScript
For å stoppe behandlingen fullstendig,
støtter moderne nettlesere metoden stopImmediatePropagation.
Den forhindrer ikke bare utbredelse, men
stopper også hendelsesbehandlingen på det
nåværende elementet. La oss bruke den:
elem1.addEventListener('click', function() {
console.log('grønn');
});
elem2.addEventListener('click', function(event) {
console.log('blå - første behandler');
event.stopImmediatePropagation(); // stopp utbredelsen
});
elem2.addEventListener('click', function() {
console.log('blå - andre behandler'); // vil ikke kjøre lenger
});
elem3.addEventListener('click', function() {
console.log('rød');
});
Du kan sjekke selv:
