Animal Trading cards

4. Hodisaning fazalari

1-savol

Quyidagi kodni ishga tushirgach, bog‘lamalar va DOM qanday tuzilganligi haqida o‘ylang, sahifaga bosilganda dastlab qaysi hodisa tinglovchisi ishga tushdi? Javobingiz va nega shu tartibda bo‘lganligiga izohingizni yozing:

document.addEventListener('click', function () {

console.log('The document was clicked');

});
document.body.addEventListener('click', function () {

console.log('The document body was clicked');

});

Javob:

'The document body was clicked'

'The document was clicked'

Hodisa biron bir elementda sodir bo'lganda, u avval eng quyi hodisa tinglovchisini, so'ngra ota-onasini, so'ngra boshqa yuqoriroq (documentgacha) obyektlar hodisa tinglovchilarini ishga tushiradi.