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('රතු');
});
ඔබට පරීක්ෂා කළ හැකිය:
