JavaScript တွင် ပုံသေ လုပ်ဆောင်ချက်ကို ပယ်ဖျက်ခြင်း

တစ်ခါတစ်ရံ JavaScript ကို အသုံးပြု၍ tag ၏ ပုံသေ လုပ်ဆောင်ချက်ကို ပယ်ဖျက်ရန် လိုအပ်သည်။ ဥပမာအားဖြင့်၊ link တစ်ခုကို နှိပ်လိုက်သောအခါ ထို link အတိုင်း သွားရောက်ခြင်းကို ပယ်ဖျက်ရန် ဖြစ်သည်။ ယေဘုယျအားဖြင့် ဤသို့လိုအပ်ချက်မှာ ကျွန်ုပ်တို့သည် ထို link ကို code အချို့ကို စတင်လုပ်ဆောင်ရန်အတွက် ရိုးရိုးရှင်းရှင်း အသုံးပြုသည့်အခါတွင် ဖြစ်သည်။ ဤအခြေအနေတွင် link ကို နှိပ်လိုက်သည့်အခါ ၎င်းအတိုင်း သွားရောက်မည်ဆိုသည်မှာ ကျွန်ုပ်တို့အတွက် လုံးဝ မလိုအပ်ပါ။

ပုံသေ လုပ်ဆောင်ချက်ကို ပယ်ဖျက်ခြင်းကို Event object ကို အသုံးပြု၍ လုပ်ဆောင်သည်။ ဤအတွက် ၎င်းတွင် အထူး method တစ်ခု preventDefault() ရှိပြီး၊ ၎င်းကို event handler ၏ မည်သည့်နေရာတွင်မဆို ခေါ်ယူသင့်သည်။

လက်တွေ့တွင် စမ်းကြည့်ကြပါစို့။ ကျွန်ုပ်တို့တွင် ဤကဲ့သို့ link တစ်ခု ရှိသည်ဆိုပါစို့။

<a href="/" id="elem">လင့်ခ်</a>

Link ကို နှိပ်လိုက်သည့်အခါ အခြားစာမျက်နှာတစ်ခုသို့ သွားရောက်ခြင်း မဖြစ်ပေါ်စေရန် လုပ်ဆောင်ကြပါစို့။

let elem = document.querySelector('#elem');

elem.addEventListener('click', function(event) {
	event.preventDefault();
	console.log('သင်သည် ဤလင့်ခ်ကို သွားရောက်၍ မရပါ။');
});

လင့်ခ်များ ရှိသည်။ Link ကို နှိပ်လိုက်သည့်အခါ ၎င်း၏ href ကို ၎င်း၏ အဆုံးတွင် ရေးသွင်းပြီး၊ link အတိုင်း သွားရောက်ခြင်း မဖြစ်ပေါ်စေရန် လုပ်ဆောင်ပါ။

input နှစ်ခု၊ စာပိုဒ်တို တစ်ခုနှင့် link တစ်ခု ရှိသည်။ Input များထဲသို့ ဂဏန်းများ ရိုက်ထည့်ပါစို့။ Link ကို နှိပ်လိုက်သည့်အခါ ရိုက်ထည့်ထားသော ဂဏန်းများ၏ ပေါင်းလဒ်ကို စာပိုဒ်တိုထဲတွင် ရေးသွင်းရန် လုပ်ဆောင်ပါ။