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);
});
Задание 1

input တစ်ခုလုပ်ပါ။ ထည့်သွင်းလိုက်သော ကီးများ၏ တန်ဖိုးများနှင့် ၎င်းတို့၏ code များကို ထုတ်ပြရန် လုပ်ဆောင်ပါ။

Задание 2

input ထဲတွင် ကီးအမျိုးမျိုးကို နှိပ်ကြည့်ပြီး ၎င်းတို့တွင် မည်သည့်တန်ဖိုးများနှင့် code များရှိသည်ကို ကြည့်ပါ။

Задание 3

Enter ကီး၏ code သည် မည်သည်ဖြစ်မည်ကို ဆုံးဖြတ်ပါ။

Задание 4

BackSpace ကီး၏ code သည် မည်သည်ဖြစ်မည်ကို ဆုံးဖြတ်ပါ။

Задание 5

စာပိုဒ်တစ်ခုနှင့် input တစ်ခုရှိသည်။ ၎င်းထဲသို့ စာသားထည့်သွင်းပြီး Enter ကီးကို နှိပ်လိုက်သည်။ ထိုအချိန်တွင် ထည့်သွင်းလိုက်သော စာသားသည် input အောက်ရှိ စာပိုဒ်ထဲသို့ ရောက်ရှိပြီး input အတွင်းရှိအကြောင်းအရာများ ရှင်းလင်းသွားစေရန် လုပ်ဆောင်ပါ။