KeyboardEvent keyCode အချက်အလက်

DOM အခြေအနေ အဖွဲ့ KeyboardEvent

အချက်အလက် နှင့် အသုံးပြုခြင်း

keyCode အချက်အလက် ပြန်လည်သတ်မှတ်သည် onkeypress အခမ်းအနား အပ်ချိန်အချက်အလက် အယ်အစ်စ်စ် စာလုံးကုဒ်အမှတ် onkeydown 或 onkeyup အခမ်းအနား အပ်ချိန်အချက်အလက် အယ်အစ်စ်စ် ကုဒ်အမှတ်

နှစ်မျိုး ကုဒ်အမှတ် အခြားအထူး

  • စာလုံးကုဒ် - အယ်အစ်စ်စ် စာလုံးအမှတ်
  • 按键代码 - 代表键盘上实际键的数字

这些类型并不总是意味着同样的事情。例如，小写 "w" 和大写 "W" 的键盘代码相同，因为在键盘上按下的键是相同的（"W" = 数字 "87"），但字符代码不同，因为 resulting 字符是不同的（"w" 或 "W"，即 "119" 或 "87"）- 请查看下面的更多实例，可以对这一点有更好的理解。

提示：如需了解用户是否按下了可打印的键（例如 "a" 或 "5"），建议在 onkeypress 事件上使用此属性。要了解用户是否按下了功能键（例如 "F1"、"CAPS LOCK" 或 "Home"），请使用 onkeydown 或 onkeyup 事件。

注释：在 Firefox 中，keyCode 属性对 onkeypress 事件不起作用（只会返回 0）。为了跨浏览器的解决方案，请将 which 属性与 keyCode 一起使用，例如：

var x = event.which || event.keyCode;  // 使用 which 还是 keyCode，取决于浏览器支持

提示：有关所有 Unicode 字符的列表，请参阅我们的 完整 Unicode 参考。

提示：如果要将 Unicode 值转换为字符，请使用 fromCharCode() 方法。

注释：该属性只读。

注释：提供 keyCode 和 which 属性只是为了兼容性。最新版本的 DOM 事件规范建议使用 key 属性代替（如果可用）。

提示：如果您想知道在发生按键事件时是否按下了 "ALT"、"CTRL"、"META" 或 "SHIFT" 键，请使用 altKey、ctrlKey/、metaKey 或 shiftKey 属性。

实例

例子 1

获取按下的键盘按键的 Unicode 值：

var x = event.keyCode;

ကိုယ်တိုင် စစ်ဆေးပါ

例子 2

使用 onkeypress 和 onkeydown 来演示字符代码与键盘代码之间的区别：

<input type="text" onkeypress="uniCharCode(event)" onkeydown="uniKeyCode(event)"> 
function uniCharCode(event) {
  var char = event.which || event.keyCode;
  document.getElementById("demo").innerHTML = "Unicode CHARACTER code: " + char;
}
function uniKeyCode(event) {
  var key = event.keyCode;
  document.getElementById("demo2").innerHTML = "Unicode KEY code: " + key;
}

ဘလော်ဘက် ပေါ်တွင် "a" ချို့ခ် ကို နှုတ်ခတ်ချင်း (Capslock မပြုသည်) ဖြင့် char နှင့် key အကြောင်းအရာ သည် :

Unicode CHARACTER code: 97
Unicode KEY code: 65

ကိုယ်တိုင် စစ်ဆေးပါ

အမှတ် 3

အသုံးပြုသူ သည် Escape ချို့ခ် ကို နှုတ်ခတ်ခဲ့လျှင် အချက်အလက် ပေးပါ :

<input type="text" onkeydown="myFunction(event)"> 
function myFunction(event) {
  var x = event.keyCode;
  if (x == 27) {  // 27 သည် ESC ချို့ခ်
    alert ("You pressed the Escape key!");
  }
}

ကိုယ်တိုင် စစ်ဆေးပါ

အမှတ် 4

ယူနီယံ အကြမ်းအား ကို စကား သုံးစံပြန်လဲရန် (အရာခံ အကြမ်းအား အဖွဲ့ မပါ) :

var x = event.keyCode;                // ယူနီယံ အကြမ်းအား ကို ရယူရန်
var y = String.fromCharCode(x);       // အကြမ်းအား ကို စကား သုံးစံပြန်လဲရန်

ကိုယ်တိုင် စစ်ဆေးပါ

အပြောအဆို

event.keyCode

နည်းပါးစွာ

ကယ်ဆယ်ရန် အရာခံ： အရာခံ အကြမ်းအား နှင့် ယူနီယံ အကြမ်းအား ကို အမှတ်ပြုသော နှစ်ချက် အရာခံ အကြမ်းအားများ။
DOM အဆင့်： DOM အခြေအနေ 2 အဖွဲ့

ဘရာဇယား ထောက်ပံ့

အချက်အလက် Chrome IE Firefox Safari Opera
keyCode ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့

ပတ်သက်သော စာမျက်နှာ

HTML DOM လက်တွေးချုပ်：KeyboardEvent key ရှိခ�င်း

HTML DOM လက်တွေးချုပ်：KeyboardEvent charCode ရှိခ�င်း

HTML DOM လက်တွေးချုပ်：KeyboardEvent which ရှိခြင်း

DOM အခြေအနေ အဖွဲ့ KeyboardEvent