JavaScript ရှိ Event အရာဝတ္ထုနှင့် အခြေခံအလုပ်
ဤသင်ခန်းစာတွင် ကျွန်ုပ်တို့သည်
Event အရာဝတ္ထုနှင့် အခြေခံအလုပ်လုပ်ပုံကို
လေ့လာပါမည်။ ဤအရာဝတ္ထုသည် ဖြစ်ပျက်ခဲ့သော
ဖြစ်ရပ်အကြောင်း အချက်အလက်များကို ပါဝင်သည်။
ဥပမာအားဖြင့်၊ အကယ်၍ element တစ်ခုပေါ်တွင် ကလစ်နှိပ်ခဲ့ပါက၊
ထိုကလစ်၏ကိုဩဒိနိတ်များကို သိရှိနိုင်သည်၊
ကလစ်နှိပ်သည့်အချိန်တွင် Ctrl၊ Alt
သို့မဟုတ် Shift ခလုတ်ကို နှိပ်ထားခဲ့သလား
စသည်ဖြင့် သိရှိနိုင်သည်။
Event အရာဝတ္ထုကို မည်သို့ရယူရမည်ကို ကြည့်ရအောင်။
ကျွန်ုပ်တို့တွင် ခလုတ်တစ်ခုရှိသည်ဆိုပါစို့။
<button id="elem">text</button>
ဤခလုတ်ပေါ်တွင် ကလစ်နှိပ်လိုက်သောအခါ လုပ်ဆောင်ချက်တစ်ခု လုပ်ဆောင်ပါစို့။
let elem = document.querySelector('#elem');
elem.addEventListener('click', function() {
});
တွဲချိန်ထားသော လုပ်ဆောင်ချက်၏အတွင်းတွင် Event
အရာဝတ္ထုရှိပြီးသားဖြစ်သည်။
သို့သော် မည်သို့ရယူရမည်ကို ကျွန်ုပ်တို့မသိသေးပါ။
၎င်းကို အောက်ပါနည်းဖြင့် ရရှိသည်။
ကျွန်ုပ်တို့၏လုပ်ဆောင်ချက်ကို ကြေညာသည့်အခါ
ထည့်သွင်းရမည့် parameter တစ်ခုအနေဖြင့် မည်သည့် variable ကိုမဆို ပေးပို့ရမည်
(ပုံမှန်အားဖြင့် event ဟုခေါ်သော်လည်း
အမည်သည် မည်သည့်နာမည်မဆို ဖြစ်နိုင်သည်)၊ ထို့နောက် ဤ variable အတွင်းသို့
ဘရောက်ဇာသည် Event အရာဝတ္ထုကို အလိုအလျောက်ထည့်ပေးမည်။
elem.addEventListener('click', function(event) {
console.log(event); // ဖြစ်ရပ်ပါသော အရာဝတ္ထုကို မြင်ရမည်
});
ဖော်ပြပါလုပ်ဆောင်ချက်များကို ကိုယ်တိုင်လုပ်ဆောင်ပြီး ဖြစ်ရပ်ပါသော အရာဝတ္ထုကို console တွင် ထုတ်ပြပါ။ ဤအရာဝတ္ထု၏ တည်ဆောက်ပုံကို လေ့လာပါ။
