JavaScript'te Olay Kabarcıklanmasının Durdurulması
Bir olayın kabarcıklanması, olayın üzerinden kabararak geçtiği
herhangi bir öğede durdurulabilir.
Bunun için öğenin kodunda Event nesnesinin
stopPropagation metodu çağrılmalıdır.
Aşağıdaki örnekte kırmızı bloğa tıklanması önce kendisinde, sonra mavi blokta tetiklenecek ve bu kadar - mavi blok daha fazla kabarcıklanmayı durdurur ve yeşil blok hiçbir şekilde tepki vermeyecektir:
elem1.addEventListener('click', function() {
console.log('yeşil');
});
elem2.addEventListener('click', function(event) {
console.log('mavi');
event.stopPropagation(); // kabarcıklanmayı durdur
});
elem3.addEventListener('click', function() {
console.log('kırmızı');
});
Kontrol edebilirsiniz:
