JavaScript တွင် element တစ်ခုပေါ်တွင် event handler အများအပြား

အကယ်၍ element တစ်ခုတွင် event တစ်ခုအတွက် handler အများအပြားရှိပါက၊ bubbling ရပ်တန့်သွားသည့်တိုင်အောင် ၎င်းတို့အားလုံးကို လုပ်ဆောင်ပေးပါလိမ့်မည်။ ဆိုလိုသည်မှာ၊ stopPropagation သည် event ကိုနောက်ထပ်ရှေ့ဆက်သွားခြင်းမှ တားဆီးပေးသော်လည်း လက်ရှိ element ပေါ်ရှိ handler အားလုံး အလုပ်လုပ်ဆောင်ပါလိမ့်မည်။ ဥပမာကိုကြည့်ပါ:

elem1.addEventListener('click', function() {
	console.log('အစိမ်းရောင်');
});
elem2.addEventListener('click', function(event) {
	console.log('အပြာရောင် - ပထမ handler');
	event.stopPropagation(); // bubbling ကိုရပ်တန့်မည်
});
elem2.addEventListener('click', function() {
	console.log('အပြာရောင် - ဒုတိယ handler'); // မည်သို့ပင်ဖြစ်စေ အလုပ်လုပ်မည်
});
elem3.addEventListener('click', function() {
	console.log('အနီရောင်');
});

စစ်ဆေးကြည့်ရှုနိုင်ပါသည်: