JavaScript'te Kabarcıklaşmanın Anında Durdurulması
İşlemi tamamen durdurmak için,
modern tarayıcılar stopImmediatePropagation yöntemini destekler.
Bu yöntem sadece kabarcıklaşmayı önlemekle kalmaz, aynı zamanda
mevcut öğedeki olay işlemeyi de durdurur.
Hadi uygulayalım:
elem1.addEventListener('click', function() {
console.log('yeşil');
});
elem2.addEventListener('click', function(event) {
console.log('mavi - birinci işleyici');
event.stopImmediatePropagation(); // kabarcıklaşmayı durdur
});
elem2.addEventListener('click', function() {
console.log('mavi - ikinci işleyici'); // artık çalışmaz
});
elem3.addEventListener('click', function() {
console.log('kırmızı');
});
Kontrol edebilirsiniz: