KeyboardEvent သည် မည်သည့် Property ဖြစ်သည်
ဥပမာ
နှိပ်ထားသော ကီးဘုတ်ကီး၏ ယူနီကုဒ်တန်ဖိုးကို ရယူပါ။
var x = event.which;
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
onkeypress ဖြစ်ရပ်ကို အစပျိုးသည့် သော့၏ ယူနီကုဒ် အက္ခရာ ကုဒ် ၊ သို့မဟုတ် onkeydown သို့မဟုတ် onkeyup ဖြစ်ရပ်ကို အစပျိုးသည့် သော့၏ ယူနီကုဒ် သော့ကုဒ်ကို ပြန်ပေးသည် ။
ကုဒ်အမျိုးအစားနှစ်ခုကြား ခြားနားချက်-
- အက္ခရာကုဒ်များ - ASCII စာလုံးကို ကိုယ်စားပြုသည့် နံပါတ်တစ်ခု
- သော့ကုဒ်များ - ကီးဘုတ်ရှိ တကယ့်သော့ကို ကိုယ်စားပြုသည့် နံပါတ်တစ်ခု
ဤအမျိုးအစားများသည် အမြဲတမ်း တူညီသောအရာဟု မဆိုလိုပါ။ ဥပမာအားဖြင့်၊ စာလုံးအသေး "w" နှင့် စာလုံးအကြီး "W" တွင် တူညီသောကီးဘုတ်ကုဒ်ရှိသည်၊ အဘယ်ကြောင့်ဆိုသော် ကီးဘုတ်ပေါ်တွင်နှိပ်သောကီးသည် တူညီသောကြောင့် ("W" = နံပါတ် "87" သာ) ကွဲပြားသော်လည်း၊ ဇာတ်ကောင်ကုဒ်သည် ရလဒ်ကွဲပြားသောကြောင့် ("w" သို့မဟုတ် "W" ဖြစ်သည့် "119" သို့မဟုတ် "87") - ၎င်းကို ပိုမိုနားလည်ရန် အောက်ပါ "နောက်ထပ် ဥပမာများ" ကို ကြည့်ပါ။
အကြံပြုချက်- အသုံးပြုသူသည် ပရင့်ထုတ်နိုင်သောသော့ကို နှိပ်နေသလား (ဥပမာ "a" သို့မဟုတ် "5") ကို သိရှိရန်၊ onkeypress event တွင် ဤပိုင်ဆိုင်မှုကို အသုံးပြုရန် အကြံပြုအပ်ပါသည်။ အသုံးပြုသူသည် လုပ်ဆောင်ချက်သော့ကို နှိပ်နေသလား (ဥပမာ "F1", "CAPS LOCK" သို့မဟုတ် "Home") ကိုရှာဖွေရန် onkeydown သို့မဟုတ် onkeyup event ကို အသုံးပြုပါ။
မှတ်ချက်- IE8 နှင့် အစောပိုင်းတွင် မည်သည့်ပစ္စည်းကို ပံ့ပိုးမထားပါ။ ဤဘရောက်ဆာဗားရှင်းများအတွက် သင်သည် သော့ကုဒ် ပိုင်ဆိုင်မှုကို အသုံးပြုနိုင်သည်။ သို့သော်၊ သော့ကုဒ်ပိုင်ဆိုင်မှုသည် Firefox ရှိ onkeypress ဖြစ်ရပ်တွင် အလုပ်မလုပ်ပါ။ cross-browser ဖြေရှင်းချက်အတွက်၊ သင်သည် အောက်ပါကုဒ်ကို အသုံးပြုနိုင်ပါသည်။
var x = event.which || event.keyCode; // Use either which or keyCode, depending on browser support
အကြံပြုချက်- ယူနီကုဒ်အက္ခရာအားလုံး၏စာရင်းအတွက် ကျေးဇူးပြု၍ ကျွန်ုပ်တို့၏ယူနီကုဒ်အကိုးအ ကားအပြည့်အစုံကို လေ့လာပါ ။
အကြံပြုချက်- သင်သည် ပြန်ပေးသော ယူနီကုဒ်တန်ဖိုးကို ဇာတ်ကောင်အဖြစ်သို့ ပြောင်းလိုပါက CharCode() နည်းလမ်းကို အသုံးပြုပါ။
မှတ်ချက်- ဤပိုင်ဆိုင်မှုသည် ဖတ်ရန်သာဖြစ်သည်။
မှတ်ချက်- မည်သည့် နှင့် သော့ကုဒ် ပိုင်ဆိုင်မှု နှစ်ခုလုံးကို လိုက်ဖက်ညီမှု အတွက်သာ ပေးထားသည်။ DOM Events Specification ၏ နောက်ဆုံးဗားရှင်းသည် သော့ ပိုင်ဆိုင်မှုအစား (ရရှိနိုင်ပါက) ကိုအသုံးပြုရန် အကြံပြုထားသည်။
အကြံပြုချက်- သော့ဖြစ်ရပ်တစ်ခုပေါ်ပေါက်လာသောအခါ "ALT", "CTRL", "META" သို့မဟုတ် "SHIFT" ခလုတ်ကို ဖိ ထားခြင်းရှိမရှိ သိရှိလိုပါက၊ altKey ၊ ctrlKey ၊ metaKey သို့မဟုတ် shiftKey ပိုင်ဆိုင်မှုကို အသုံးပြုပါ။
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
which | Yes | 9.0 | Yes | Yes | Yes |
အထားအသို
event.which
နည်းပညာဆိုင်ရာအသေးစိတ်
ပြန်ပို့တန်ဖိုး- | ယူနီကုဒ် အက္ခရာကုဒ် သို့မဟုတ် ယူနီကုဒ် သော့ကုဒ်ကို ကိုယ်စားပြုသည့် နံပါတ် |
---|---|
DOM ဗားရှင်း- | DOM အဆင့် 2 ပွဲများ |
နောက်ထပ် ဥပမာများ
ဥပမာ
အက္ခရာကုဒ်များနှင့် ကီးဘုတ်ကုဒ်များကြား ခြားနားချက်များကို သရုပ်ပြရန် onkeypress နှင့် onkeydown ကိုအသုံးပြုခြင်း-
<input type="text" onkeypress="uniCharCode(event)" onkeydown="uniKeyCode(event)">
function uniCharCode(event) {
var char = event.which || event.keyCode; // event.keyCode is used for IE8 and earlier
document.getElementById("demo").innerHTML = "Unicode CHARACTER code: " + char;
}
function uniKeyCode(event) {
var key = event.which || event.keyCode; // event.keyCode is used for IE8 and earlier
document.getElementById("demo2").innerHTML = "Unicode KEY code: " + key;
}
ကီးဘုတ်ပေါ်ရှိ "a" သော့ကို နှိပ်သောအခါ (စာလုံးသော့ကို မသုံးဘဲ) char နှင့် သော့ တို့၏ ရလဒ်မှာ -
Unicode CHARACTER code: 97
Unicode KEY code: 65
ဥပမာ
အသုံးပြုသူက Escape ခလုတ်ကို နှိပ်ပါက စာသားအချို့ကို သတိပေးပါ-
<input type="text" onkeydown="myFunction(event)">
function myFunction(event) {
var x = event.which || event.keyCode; // event.keyCode is used for IE8 and earlier
if (x == 27) { // 27 is the ESC key
alert ("You pressed the Escape key!");
}
}
ဥပမာ
ယူနီကုဒ်တန်ဖိုးကို အက္ခရာအဖြစ်သို့ ပြောင်းပါ (function keys များအတွက် အလုပ်မလုပ်ပါ)
var x = event.which || event.keyCode; // Get the Unicode value
var y = String.fromCharCode(x); // Convert the value into a character
ဆက်စပ်စာမျက်နှာများ
HTML DOM ရည်ညွှန်းချက်- KeyboardEvent သော့ ပိုင်ဆိုင်မှု
HTML DOM ရည်ညွှန်းချက်- KeyboardEvent keyCode Property
HTML DOM ရည်ညွှန်းချက်- KeyboardEvent charCode ပိုင်ဆိုင်မှု