JavaScriptda elementda bir nechta ishlovchilar
Agar elementda bir hodisa uchun bir nechta ishlovchilar bo'lsa,
hatto ko'tarilish to'xtatilgan taqdirda ham
ularning barchasi bajariladi. Ya'ni,
stopPropagation hodisaning keyingi tarqalishiga
to'sqinlik qiladi, lekin joriy elementda barcha
ishlovchilar ishlaydi. Misolni ko'ring:
elem1.addEventListener('click', function() {
console.log('yashil');
});
elem2.addEventListener('click', function(event) {
console.log('moviy - birinchi ishlovchi');
event.stopPropagation(); // ko'tarilishni to'xtatamiz
});
elem2.addEventListener('click', function() {
console.log('moviy - ikkinchi ishlovchi'); // baribir ishlaydi
});
elem3.addEventListener('click', function() {
console.log('qizil');
});
Sinab ko'rishingiz mumkin: