KeyboardEvent charCode 属性

DOM 事件 KeyboardEvent

定义和用法

charCode 属性返回触发 onkeypress 事件 的键的 Unicode 字符代码。

Unicode 字符代码是一种字符的编号（例如数字 "97" 代表字母 "a"）。

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

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

注释：如果该属性用于 onkeydown 或 onkeyup 事件，则返回值始终为 "0"。

注释：该属性只读。

注释：IE8 及更早版本不支持 charCode 属性。但是，对于这些浏览器版本，您可以使用 keyCode 属性。或者，针对跨浏览器解决方案，您可以使用如下代码：

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

提示：您还可以使用 keyCode 属性来检测特殊键（例如大写锁定或方向键）。但是，同时提供 keyCode 和 charCode 属性只是为了兼容性。最新版本的 DOM 事件规范建议改用 key 属性（如果可用）。

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

实例

例子 1

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

var x = event.charCode;

亲自试一试

例子 2

获取所按键盘键的 Unicode 值的跨浏览器解决方案：

// 如果浏览器支持，则使用 charCode，否则使用 keyCode（适用于 IE8 及更早版本）
var x = event.charCode || event.keyCode;

亲自试一试

例子 3

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

function myFunction(event) {
  var x = event.charCode || event.keyCode;
  if (x == 111 || x == 79) { // o 是 111，O 是 79
    alert("You pressed the 'O' key!");
  }
}

亲自试一试

例子 4

将 Unicode 值转换为字符：

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

亲自试一试

语法

event.charCode

技术细节

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

浏览器支持

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

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

相关页面

HTML DOM 参考手册：KeyboardEvent key 属性

HTML DOM 参考手册：KeyboardEvent keyCode 属性

HTML DOM 参考手册：KeyboardEvent which 属性

DOM 事件 KeyboardEvent


http://www.vxiaotou.com