JavaScript-এ একটি উপাদানে একাধিক ইভেন্ট হ্যান্ডলার

যদি একটি উপাদানের উপর একটি ইভেন্টের জন্য একাধিক হ্যান্ডলার থাকে, তবে এমনকি বাবলিং বন্ধ হয়ে গেলেও সেগুলি সবই কার্যকর হবে। অর্থাৎ, stopPropagation ইভেন্টটিকে আরও前进তে বাধা দেয়, তবে বর্তমান উপাদানের উপর সমস্ত হ্যান্ডলার কার্যকর হবে। উদাহরণটি দেখুন:

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

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