JavaScript-da Tepalishni Darhol To‘xtatish

Hodisalarni qayta ishlashni to‘liq to‘xtatish uchun, zamonaviy brauzerlar stopImmediatePropagation metodini qo‘llab-quvvatlaydi. U nafaqat tepalishning oldini oladi, balki hodisalarni qayta ishlashni joriy elementda to‘xtatadi. Keling, uni qo‘llaymiz:

javascriptelem1.addEventListener('click', function() {
  console.log('yashil');
});
elem2.addEventListener('click', function(event) {
  console.log('moviy - birinchi ishlovchi');
  event.stopImmediatePropagation();     // tepalishni to‘xtatamiz
});
elem2.addEventListener('click', function() {
  console.log('moviy - ikkinchi ishlovchi'); // endi ishlamaydi
});
elem3.addEventListener('click', function() {
  console.log('qizil');
});

Tekshirib ko‘rishingiz mumkin: