Mehrere Event-Handler an einem Element in JavaScript
Wenn ein Element mehrere Handler für ein
Ereignis hat, werden alle ausgeführt, selbst
wenn die Weiterleitung gestoppt wird. Das heißt,
stopPropagation verhindert das Fortschreiten
des Ereignisses, aber alle Handler auf dem
aktuellen Element werden ausgeführt. Siehe Beispiel:
elem1.addEventListener('click', function() {
console.log('grün');
});
elem2.addEventListener('click', function(event) {
console.log('blau - erster Handler');
event.stopPropagation(); // Stoppe die Weiterleitung
});
elem2.addEventListener('click', function() {
console.log('blau - zweiter Handler'); // wird trotzdem ausgeführt
});
elem3.addEventListener('click', function() {
console.log('rot');
});
Sie können es testen:
