KeyboardEvent which ဗီဇ

DOM 事件 KeyboardEvent

အသုံးပြုနည်းဥပဒေ

which ဗီဇ ဖြစ်ပေါ်စေ onkeypress အခမ်း စာလုံး ကိုယ်စားပြု အက်ဥပဒေ သို့မဟုတ် ဖြစ်ပေါ်စေ onkeydown 或 onkeyup အခမ်းအနား စာလုံး ကိုယ်စားပြု အက်ဥပဒေ

အက်ဥပဒေ အမျိုးအစား အခြား အမျိုးအစားများ

  • အက်ဥပဒေ ကိုယ်စားပြု - ASCII အက်ဥပဒေ ကိုယ်စားပြု
  • စာလုံး ကိုယ်စားပြု ကိုယ်စားပြု - စာလုံးပေါ်တွင် ရှိသည့် အက်ဥပဒေ အဖွဲ့

အမျိုးအစားများ အမျိုးအစားအမျိုးအစား တူညီသည် မဟုတ်ပါ။ ဥပမာ နောက်စား "w" နှင့် အောက်ပတ် "W" အက်ဥပဒေ တူညီသည် မဟုတ်ပါ၊ ကိုယ်စားပြုသည် အက်ဥပဒေ မတူညီပါ ("W" = နှုတ်ချက် "87"), သို့သော် အက်ဥပဒေ မတူညီပါ (resulting အက်ဥပဒေ "w" သို့မဟုတ် "W", ဥပမာ "119" သို့မဟုတ် "87")- အောက်ပါ အမျိုးအစားများ ကို ကြည့်ကြသဖြင့် အမျိုးအစားအမျိုးအစား ကို ကောင်းမွန်စွာ သိနိုင်ပါ。

提示：အသုံးပြုသူသည် စာလုံးကို ပုံရိုက်ကို ထိန်းချုပ်လိုသလား (ဥပမာ "a" သို့မဟုတ် "5") အတွက် အဆိုပါ ဗီဇကို onkeypress အခမ်းအနားတွင် အသုံးပြုပါ၊ အသုံးပြုသူသည် အက်ယမ်စကား အခမ်းအနားကို ထိန်းချုပ်လိုသလား (ဥပမာ "F1" သို့မဟုတ် "CAPS LOCK" သို့မဟုတ် "Home") အတွက် onkeydown သို့မဟုတ် onkeyup အခမ်းအနားကို အသုံးပြုပါ。

注释：IE8 及更早版本不支持 which 属性。对于这些浏览器版本，您可以使用 keyCode 属性。但是，keyCode 属性对 Firefox 中的 onkeypress 事件不起作用。为了跨浏览器解决方案，您可以使用如下代码：

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

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

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

注释：该属性只读。

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

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

实例

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

var x = event.which;

页面下方有更多 TIY 实例。

亲自试一试

语法

event.which

技术细节

返回值： 数字值，表示 Unicode 字符代码或 Unicode 键盘代码。
DOM 版本： DOM Level 2 Events

浏览器支持

表中的数字注明了完全支持该属性的首个浏览器版本。

属性 Chrome IE Firefox Safari Opera
which 支持 9.0 支持 支持 支持

更多实例

实例

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

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

按键盘上的 "a" 键（不使用 Capslock）时，char 和 key 的结果将是：

Unicode CHARACTER code: 97
Unicode KEY code: 65

亲自试一试

实例

如果用户按下 Escape 键，则提示一些文本：

 
function myFunction(event) {
  var x = event.which || event.keyCode; // event.keyCode 用于 IE8 及更早版本
  if (x == 27) {  // 27 is the ESC key
    alert ("You pressed the Escape key!");
  }
}

亲自试一试

实例

将 Unicode 值转换为字符（不适用于功能键）：

var x = event.which || event.keyCode;   // 获取 Unicode 值
var y = String.fromCharCode(x);         // 将值转换为字符

亲自试一试

相关页面

HTML DOM 参考手册：KeyboardEvent key အချက်

HTML DOM 参考手册：KeyboardEvent keyCode အချက်

HTML DOM 参考手册：KeyboardEvent charCode အချက်

DOM 事件 KeyboardEvent