charCode 事件属性

事件对象

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

<p>在输入框中输入键盘上的字符获取按下字母的 Unicode 字符代码和 Unicode 键代码 。</p>
<input type="text" size="40" onkeypress="myFunction(event)">
<p id="demo"></p>
<p><strong>注意：</strong> IE8 及更早版本浏览器不支持 charCode 属性。</p>
<script>
  function myFunction(event) {
    var x = event.charCode;
    document.getElementById("demo").innerHTML = " Unicode 值为：" + x;
  }
</script>

尝试一下 »

本文底部包含了更多实例。

---

定义和使用

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

Unicode 字符代码是一个字母的数字 (如数字 "97" 代表字母 "a")。

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

注意： 如果该属性用于onkeydown 或 onkeyup 事件，返回值总为 "0"。

注意： 该属性是只读的。

注意： which 和 keyCode 属性提供了解决浏览器的兼容性的方法，最新版本的 DOM 事件推荐使用 key 属性来替代该方法。

注意：IE8 及其更早版本不支持 which 属性。不支持的浏览器可使用 keyCode 属性。但是， keyCode 属性在 Firefox 浏览器的 onkeypress 事件中是无效的。 兼容这些浏览器你可以使用以下代码：

var x = event.charCode || event.keyCode; //  使用 charCode 或 keyCode, 这样可支持不同浏览器

提示： 你同样可以使用 keyCode 属性来检测特殊的按键 (如 "caps lock" 或 箭头按键)。 keyCode 和 charCode 属性提供了解决浏览器的兼容性的方法，最新版本的 DOM 事件推荐使用 key 属性来替代该方法。

提示： 如果你想查看是否按下了 "ALT", "CTRL", "META" 或 "SHIFT" 键，可使用 altKey, ctrlKey, metaKey 或 shiftKey 属性。

---

浏览器支持

表格中的数字表示支持该属性的第一个浏览器的版本号。

属性
charCode	Yes	9.0	Yes	Yes	Yes

---

语法

event.charCode

技术细节

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

---

获取按键 Unicode 值的浏览器兼容解决办法:

<p>在输入框中输入键盘上的字符获取按下字母的 Unicode 字符代码和 Unicode 键代码 。</p>
<input type="text" size="40" onkeypress="myFunction(event)">
<p id="demo"></p>
<script>
  function myFunction(event) {
    // 如果浏览器不支持 charCode 使用 event.keyCode ( IE8 及更早版本)
    var x = event.charCode || event.keyCode;
    document.getElementById("demo").innerHTML = " Unicode 值为：" + x;
  }
</script>

尝试一下 »

当用户按下 "O" 键时，弹出提示信息:

<p>在输入框中按下 "O" 键，会弹出提示信息。</p>
<input type="text" size="40" onkeypress="myFunction(event)">
<p id="demo"></p>
<script>
  function myFunction(event) {
    var x = event.charCode || event.keyCode;
    if (x == 111 || x == 79) { // o 是 111, O 是 79
      alert("你按下的是 'O' 键!");
    }
  }
</script>

尝试一下 »

将 Unicode 值转换为字符:

<p>在输入框中输入键盘上的字符获取按下字母的 Unicode 字符代码和 Unicode 键代码 。</p>
<input type="text" size="40" onkeypress="myFunction(event)">
<p id="demo"></p>
<script>
  function myFunction(event) {
    var x = event.charCode || event.keyCode; // 获取 Unicode 值
    var y = String.fromCharCode(x); // 将值转换为字符
    document.getElementById("demo").innerHTML = "数字: " + x + " = 字符: " + y;
  }
</script>

尝试一下 »

---

相关页面

HTML DOM 参考手册: key 事件属性

HTML DOM 参考手册: keyCode 事件属性

HTML DOM 参考手册: which 事件属性

---

事件对象