Keli tvarkykliai elemente JavaScript'e

Jei elementas turi kelis tvarkyklius vienam įvykiui, tai net sustabdžius kilimą, visi jie bus vykdomi. Tai yra, stopPropagation užkerta kelią įvykio sklidimui toliau, bet esamame elemente visi tvarkykliai bus įvykdyti. Žiūrėkite pavyzdį:

javascriptelem1.addEventListener('click', function() {
  console.log('žalias');
});
elem2.addEventListener('click', function(event) {
  console.log('žydras - pirmas tvarkyklis');
  event.stopPropagation(); // sustabdysime kilimą
});
elem2.addEventListener('click', function() {
  console.log('žydras - antras tvarkyklis'); // vis tiek suveiks
});
elem3.addEventListener('click', function() {
  console.log('raudonas');
});

Galite patikrinti: