জাভাস্ক্রিপ্টে ইভেন্টের ডাইভিং
ইভেন্ট বাবলিং ছাড়াও ডাইভিং আছে। আসলে, ইভেন্টটি প্রথমে উপরে থেকে নিচে যায় (ক্যাপচার পর্যায়), আমাদের উপাদানে পৌঁছায় (লক্ষ্য পর্যায়) এবং শুধুমাত্র তখনই উপরের দিকে উঠতে শুরু করে (বাবলিং পর্যায়)।
ক্যাপচার পর্যায় বিবেচনা করে একটি ইভেন্ট হ্যান্ডলার সেট করতে
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);
আপনি পরীক্ষা করতে পারেন:
