JavaScript-də elementdə bir neçə hadisə emaledicisi
Əgər elementdə eyni hadisə üçün bir neçə emaledicisi varsa,
hətta qalxma dayandırılsa belə, onların hamısı icra olunacaq.
Yəni, stopPropagation hadisənin daha irəli getməsinin
qarşısını alır, lakin cari elementdə bütün emaledicilər işləyəcək.
Nümunəyə baxın:
elem1.addEventListener('click', function() {
console.log('yaşıl');
});
elem2.addEventListener('click', function(event) {
console.log('mavi - birinci emaledicisi');
event.stopPropagation(); // qalxmanı dayandır
});
elem2.addEventListener('click', function() {
console.log('mavi - ikinci emaledicisi'); // yenə də işləyəcək
});
elem3.addEventListener('click', function() {
console.log('qırmızı');
});
Yoxlaya bilərsiniz: