JavaScript တွင် နှိပ်ထားသော ကီးများကို ရယူခြင်း
Event object ကိုအသုံးပြု၍
နှိပ်ထားသောကီးများကို ရယူနိုင်ပါသည်။
ဘယ်လိုလုပ်ဆောင်ရမည်ကို ကြည့်ရအောင်။
ကျွန်ုပ်တို့တွင် input တစ်ခုရှိသည်ဆိုပါစို့။
html<input>
၎င်းကို variable တစ်ခုအတွင်း reference ရယူပါမည်။
javascriptlet elem = document.querySelector('input');
ကျွန်ုပ်တို့၏ input ပေါ်တွင် ကီးတစ်ချက်နှိပ်တိုင်း ဖြစ်ပေါ်မည့် event တစ်ခုကို ထည့်သွင်းပါမည်။
javascriptelem.addEventListener('keypress', function(event) {
});
Event object ၏ key property ထဲတွင်
နှိပ်ထားသော စာလုံးရှိပါမည်။
javascriptelem.addEventListener('keypress', function(event) {
console.log(event.key);
});
code property ထဲတွင်မူ
နှိပ်ထားသောကီး၏ code ရှိပါမည်။
javascriptelem.addEventListener('keypress', function(event) {
console.log(event.code);
});
input တစ်ခုလုပ်ပါ။ ထည့်သွင်းလိုက်သော ကီးများ၏ တန်ဖိုးများနှင့် ၎င်းတို့၏ code များကို ထုတ်ပြရန် လုပ်ဆောင်ပါ။
input ထဲတွင် ကီးအမျိုးမျိုးကို နှိပ်ကြည့်ပြီး ၎င်းတို့တွင် မည်သည့်တန်ဖိုးများနှင့် code များရှိသည်ကို ကြည့်ပါ။
Enter ကီး၏ code သည် မည်သည်ဖြစ်မည်ကို ဆုံးဖြတ်ပါ။
BackSpace ကီး၏ code သည် မည်သည်ဖြစ်မည်ကို ဆုံးဖြတ်ပါ။
စာပိုဒ်တစ်ခုနှင့် input တစ်ခုရှိသည်။ ၎င်းထဲသို့ စာသားထည့်သွင်းပြီး
Enter ကီးကို နှိပ်လိုက်သည်။
ထိုအချိန်တွင် ထည့်သွင်းလိုက်သော စာသားသည် input အောက်ရှိ စာပိုဒ်ထဲသို့ ရောက်ရှိပြီး
input အတွင်းရှိအကြောင်းအရာများ ရှင်းလင်းသွားစေရန် လုပ်ဆောင်ပါ။