Vairāki notikumu apstrādātāji elementā JavaScript

Ja elementam ir vairāki notikumu apstrādātāji uz vienu notikumu, tad pat pārtraucot uzplūšanu, tie visi tiks izpildīti. Tas ir, stopPropagation novērš notikuma virzīšanos tālāk, bet uz pašreizējā elementa visi apstrādātāji darbosies. Skatiet piemēru:

javascriptelem1.addEventListener('click', function() {
  console.log('zaļš');
});
elem2.addEventListener('click', function(event) {
  console.log('zilganzaļš - pirmais apstrādātājs');
  event.stopPropagation(); // apturēsim uzplūšanu
});
elem2.addEventListener('click', function() {
  console.log('zilganzaļš - otrais apstrādātājs'); // jebkurā gadījumā darbosies
});
elem3.addEventListener('click', function() {
  console.log('sarkans');
});

Varat pārbaudīt: