რამდენიმე მოვლენის დამმუშავებელი ელემენტზე JavaScript-ში

თუ ელემენტს აქვს რამდენიმე დამმუშავებელი ერთ მოვლენაზე, მაშინ ამოფრქვევის შეჩერების შემთხვევაშიც კი ისინი ყველა შესრულდება. ანუ, stopPropagation ხელს უშლის მოვლენის შემდგომ გავრცელებას, მაგრამ მიმდინარე ელემენტზე ყველა დამმუშავებელი იმუშავებს. ნახეთ მაგალითი:

elem1.addEventListener('click', function() {
	console.log('მწვანე');
});
elem2.addEventListener('click', function(event) {
	console.log('ცისფერი - პირველი დამმუშავებელი');
	event.stopPropagation(); // შევაჩეროთ ამოფრქვევა
});
elem2.addEventListener('click', function() {
	console.log('ცისფერი - მეორე დამმუშავებელი'); // მაინც იმუშავებს
});
elem3.addEventListener('click', function() {
	console.log('წითელი');
});

შეგიძლიათ შეამოწმოთ: