JavaScript'te Bir Öğede Birden Fazla İşleyici

Bir öğenin aynı olay için birden fazla işleyicisi varsa, kabarma durdurulsa bile hepsi yürütülecektir. Yani, stopPropagation olayın daha ileri gitmesini engeller, ancak mevcut öğedeki tüm işleyiciler çalışır. Örneğe bakın:

javascriptelem1.addEventListener('click', function() {
  console.log('yeşil');
});
elem2.addEventListener('click', function(event) {
  console.log('mavi - birinci işleyici');
  event.stopPropagation(); // kabarmayı durdur
});
elem2.addEventListener('click', function() {
  console.log('mavi - ikinci işleyici'); // yine de çalışacak
});
elem3.addEventListener('click', function() {
  console.log('kırmızı');
});

Kontrol edebilirsiniz: