JavaScriptда бир элементда бир нечта ишловчилар

Агар элементда бир событие учун бир нечта ишловчилар бўлса, у ҳолда кўтарилиш тўхтатилган бўлса ҳам, уларнинг ҳаммаси бажарилади. Яъни, stopPropagation событенинг keyingi тарқалишини тўхтатади, лекин жорий элементдаги барча ишловчилар ишлайди. Мисолга қара:

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('қизил');
});

Синab кўришингиз мумкин: