KeyboardEvent charCode 属性

Eventos DOM KeyboardEvent

定义和用法

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

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

Consejo:有关所有 Unicode 字符的列表，请参阅我们的 完整 Unicode 参考。

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

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

注释：该属性只读。

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

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

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

Consejo:Si deseas saber si se presionó la tecla "ALT", "CTRL", "META" o "SHIFT" en el momento del evento de pulsación de tecla, utiliza altKey、ctrlKey/、metaKey o shiftKey Atributo.

Ejemplo

Ejemplo 1

Obtener el valor Unicode de la tecla presionada:

var x = event.charCode;

Prueba por ti mismo

Ejemplo 2

Solución de compatibilidad cruzada para obtener el valor Unicode de la tecla presionada:

// Si el navegador lo admite, utilice charCode, de lo contrario utilice keyCode (aplicable a IE8 y versiones anteriores)
var x = event.charCode || event.keyCode;

Prueba por ti mismo

Ejemplo 3

Si el usuario presiona la tecla "O", muestra algunos textos:

function myFunction(event) {
  var x = event.charCode || event.keyCode;
  if (x == 111 || x == 79) { // o es 111, O es 79
    alert("Has presionado la tecla 'O'!");
  }
}

Prueba por ti mismo

Ejemplo 4

Convertir el valor Unicode a un carácter:

var x = event.charCode || evt.keyCode;   // Obtener el valor Unicode
var y = String.fromCharCode(x);          // Convertir el valor a un carácter

Prueba por ti mismo

Sintaxis

event.charCode

Detalles técnicos

Valor devuelto: Valor numérico que representa el código de carácter Unicode.
Versión DOM: DOM Level 2 Events

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que primero admite completamente el atributo.

Atributos Chrome IE Firefox Safari Opera
charCode Soporte 9.0 Soporte Soporte Soporte

Páginas relacionadas

Manual de referencia HTML DOM:Atributo key de KeyboardEvent

Manual de referencia HTML DOM:Atributo keyCode de KeyboardEvent

Manual de referencia HTML DOM:Atributo which de KeyboardEvent

Eventos DOM KeyboardEvent