জাভাস্ক্রিপ্টে তাৎক্ষণিকভাবে বাবলিং বন্ধ করা

প্রক্রিয়াকরণ সম্পূর্ণরূপে বন্ধ করার জন্য, আধুনিক ব্রাউজারগুলি stopImmediatePropagation পদ্ধতিটি সমর্থন করে। এটি শুধুমাত্র বাবলিং প্রতিরোধই করে না, বরং বর্তমান উপাদানে ইভেন্ট প্রক্রিয়াকরণও বন্ধ করে দেয়। আসুন এটি প্রয়োগ করি:

javascriptelem1.addEventListener('click', function() {
  console.log('সবুজ');
});
elem2.addEventListener('click', function(event) {
  console.log('নীল - প্রথম হ্যান্ডলার');
  event.stopImmediatePropagation();     // বাবলিং বন্ধ করি
});
elem2.addEventListener('click', function() {
  console.log('নীল - দ্বিতীয় হ্যান্ডলার'); // আর কাজ করবে না
});
elem3.addEventListener('click', function() {
  console.log('লাল');
});

আপনি পরীক্ষা করে দেখতে পারেন: