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:
elem1.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: