Sofortiges Stoppen des Bubbling in JavaScript
Um die Verarbeitung vollständig zu stoppen,
unterstützen moderne Browser die Methode stopImmediatePropagation.
Sie verhindert nicht nur das Bubbling, sondern
stoppt auch die Ereignisverarbeitung auf dem aktuellen
Element. Wenden wir sie an:
elem1.addEventListener('click', function() {
console.log('grün');
});
elem2.addEventListener('click', function(event) {
console.log('blau - erster Handler');
event.stopImmediatePropagation(); // Bubbling stoppen
});
elem2.addEventListener('click', function() {
console.log('blau - zweiter Handler'); // wird nicht mehr ausgeführt
});
elem3.addEventListener('click', function() {
console.log('rot');
});
Sie können es überprüfen:
