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

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

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

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

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

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

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

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

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

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

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