Javascript-də Hadisə Qabarmasının Dayandırılması
Hadisə qabarması, hadisənin qabarıb keçdiyi
hər hansı bir elementdə dayandırıla bilər.
Bunun üçün elementin kodunda Event obyektinin
stopPropagation metodu çağırılmalıdır.
Aşağıdakı nümunədə qırmızı bloka klik etmək əvvəlcə onun özünə, sonra mavi bloka təsir edəcək və dayanacaq - mavi blok sonrakı qabarmanı dayandırır və yaşıl blok heç bir reaksiya göstərməyəcək:
elem1.addEventListener('click', function() {
console.log('yaşıl');
});
elem2.addEventListener('click', function(event) {
console.log('mavi');
event.stopPropagation(); // qabarmanı dayandır
});
elem3.addEventListener('click', function() {
console.log('qırmızı');
});
Yoxlaya bilərsiniz:
