JavaScript တွင် ဖြစ်ရပ်များကို ဖြုတ်ခြင်း

ဤသင်ခန်းစာတွင်၊ ကျွန်ုပ်တို့ ယခင်က အစိတ်အပိုင်းများနှင့် ချိတ်ဆက်ထားသော ဖြစ်ရပ်ကိုင်တွယ်မှုများကို ဖြုတ်နည်းကို သင်ယူပါမည်။ ဥပမာအနေဖြင့် အောက်ပါခလုတ်ကို ပေးထားပါသည်-

<input id="button" type="submit">

ဤခလုတ်သို့ function func ကို ချိတ်ဆက်ကြပါစို့-

let button = document.querySelector('#button');
button.addEventListener('click', func);

function func() {
	console.log('!!!');
}

ယခု ဖြစ်ရပ်ကိုင်တွယ်မှုသည် ပထမဆုံး ကလစ်နှိပ်မှုတွင် သက်ဝင်ပြီး၊ ထို့နောက် ခလုတ်မှ ဖြုတ်ချရန် လုပ်ဆောင်ကြပါစို့။ ဤအတွက် အထူး နည်းလမ်းတစ်ခုဖြစ်သော removeEventListener ကို အသုံးပြုပါသည်။ ဤနည်းလမ်းသည် ပထမ parameter အဖြစ် ဖြစ်ရပ်အမျိုးအစားကို လက်ခံပြီး၊ ဒုတိယ parameter အဖြစ် ဖြုတ်ရန် လိုအပ်သော function လိပ်စာကို လက်ခံပါသည်။

ပုံမှန်အားဖြင့်၊ ၎င်းသည် ဖြစ်ရပ်ကိုင်တွယ်မှုကို ချိတ်ဆက်ခဲ့သည့်နည်းအတိုင်းပင် ဖြုတ်သည်ဟု ဆိုလိုပါသည်။ ဆိုလိုသည်မှာ၊ အကယ်၍ ကျွန်ုပ်တို့သည် ၎င်းကို ဤသို့ချိတ်ဆက်ခဲ့ပါက- addEventListener('click', func)၊ ထို့နောက် ၎င်း parameters များအတိုင်းပင် ဖြုတ်ပါမည်- ဤသို့- removeEventListener('click', func)။

ထို့ကြောင့်၊ ကျွန်ုပ်တို့ သတ်မှတ်ထားသော လုပ်ဆောင်ချက်ကို ဖြေရှင်းကြပါစို့-

let button = document.querySelector('#button');
button.addEventListener('click', func);

function func() {
	console.log('!!!');
	this.removeEventListener('click', func);
}

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

ခလုတ်တစ်ခုကို ပေးထားပြီး၊ ၎င်း၏ တန်ဖိုးသည် 1 ဂဏန်းဖြစ်ပါသည်။ ဤခလုတ်ကို နှိပ်လိုက်တိုင်း ၎င်း၏တန်ဖိုး တစ်ကြိမ်လျှင် တစ်ခုစီ တိုးလာစေရန် ပြုလုပ်ပါ။ ခလုတ်၏တန်ဖိုးသည် 10 သို့ ရောက်ရှိပြီးနောက်၊ ခလုတ်သည် နှိပ်မှုများကို နောက်ထပ် တုံ့ပြန်မှုမရှိစေရန် ဖြစ်ရပ်ကိုင်တွယ်မှုကို ဖြုတ်ပါ။