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

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

javascriptelem1.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('წითელი');
});

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