JavaScript'те окуяларды тереңдетип үйрөнүү

Окуялардын көтөрүлүшүнөн тышкары, дагы тереңдетүү бар. Чынында, окуя алдымен жогортон төмөн карай жөнөйт (кармоо баскычы), биздин элементибизге жетип (максат баскычы), андан кийин гана көтөрүлө баштайт (көтөрүлүү баскычы).

Окуяны кармоо баскычын эске алуу менен иштетүүчүнү орнотуу үчүн, addEventListener методунун үчүнчү, милдеттүү эмес параметри бар. Эгер ал true болсо - окуя кармоо баскычында ишке ашат, ал эми false болсо - көтөрүлүү баскычында (бул жарыяланган).Мисалды карап көрөлү:

javascriptelem1.addEventListener('click', function() {
  console.log('жашыл - тереңдетүү');
}, true);
elem1.addEventListener('click', function() {
  console.log('жашыл - көтөрүлүү');
}, false);

elem2.addEventListener('click', function() {
  console.log('көк - тереңдетүү');
}, true);
elem2.addEventListener('click', function() {
  console.log('көк - көтөрүлүү');
}, false);

elem3.addEventListener('click', function() {
  console.log('кызыл - тереңдетүү');
}, true);
elem3.addEventListener('click', function() {
  console.log('кызыл - көтөрүлүү');
}, false);

Сынап көрө аласыз: