JavaScript-ში მოვლენების ჩაძირვა
მოვლენების ამოსვლასთან ერთად არსებობს ჩაძირვაც. სინამდვილეში მოვლენა ჯერ მიდის ზემოდან ქვემოთ (დაჭერის სტადია), აღწევს ჩვენს ელემენტამდე (სამიზნის სტადია) და მხოლოდ ამის შემდეგ იწყებს ამოსვლას (ამოსვლის სტადია).
იმისთვის, რომ დავამატოთ მოვლენის დამმუშავებელი
დაჭერის სტადიის გათვალისწინებით addEventListener-ში
არსებობს მესამე არასავალდებულო პარამეტრი. თუ
ის უდრის true-ს - მოვლენა მოქმედებს
დაჭერის სტადიაზე, ხოლო თუ false
- ამოსვლის სტადიაზე (ეს არის ნაგულისხმევი).
მოდით შევხედოთ მაგალითს:
elem1.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);
შეგიძლიათ შეამოწმოთ: