জাভাস্ক্রিপ্টে ইভেন্ট বাবলিং বন্ধ করা

ইভেন্টটি যে কোনো উপাদানে বাবলিং বন্ধ করা যেতে পারে যার মাধ্যমে ইভেন্টটি বাবল হয়। এটি করার জন্য, উপাদানটির কোডে কল করতে হবে stopPropagation মেথডটি Event অবজেক্টের।

নিম্নলিখিত উদাহরণে, লাল ব্লকে ক্লিক করা সেই ব্লকেই ট্রিগার করবে, তারপর নীল ব্লকে এবং সেখানেই শেষ - নীল ব্লকটি আরও বাবলিং বন্ধ করে দেয় এবং সবুজ ব্লকটি আর কোন প্রতিক্রিয়া দেখাবে না:

javascriptelem1.addEventListener('click', function() {
  console.log('সবুজ');
});
elem2.addEventListener('click', function(event) {
  console.log('নীল');
  event.stopPropagation(); // বাবলিং বন্ধ করি
});
elem3.addEventListener('click', function() {
  console.log('লাল');
});

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