JavaScriptda hodisalarga sho'ng'ish

Hodisalarning ko'tarilishidan tashqari yana sho'ng'ish ham mavjud. Aslida hodisa avval yuqoridan pastga qarab boradi (ushlab qolish bosqichi), bizning elementimizga yetadi (maqsad bosqichi) va shundan keyingina ko'tarila boshlaydi (ko'tarilish bosqichi).

Hodisa qayd etuvchini ushlab qolish bosqichini hisobga olgan holda o'rnatish uchun addEventListener da uchinchi ixtiyoriy parametr mavjud. Agar u true ga teng bo'lsa - hodisa ushlab qolish bosqichida ishlaydi, agar false bo'lsa - ko'tarilish bosqichida (bu standart holat). Keling, misol orqali ko'rib chiqaylik:

javascriptelem1.addEventListener('click', function() {
  console.log('yashil - sho\'ng\'ish');
}, true);
elem1.addEventListener('click', function() {
  console.log('yashil - ko\'tarilish');
}, false);

elem2.addEventListener('click', function() {
  console.log('moviy - sho\'ng\'ish');
}, true);
elem2.addEventListener('click', function() {
  console.log('moviy - ko\'tarilish');
}, false);

elem3.addEventListener('click', function() {
  console.log('qizil - sho\'ng\'ish');
}, true);
elem3.addEventListener('click', function() {
  console.log('qizil - ko\'tarilish');
}, false);

Tekshirib ko'rishingiz mumkin: