Los últimos tutoriales de desarrollo web
 

KeyboardEvent keyCode Property

<Objeto de evento

Ejemplo

Obtener el valor Unicode de la tecla del teclado que se pulsa:

var x = event.keyCode;

El resultado de x podría ser:

119   // 119 is the character "w"
Inténtalo tú mismo "

Más "Try it Yourself" ejemplos a continuación.


Definición y Uso

La propiedad keyCode devuelve el código de caracteres Unicode de la tecla que activa la onkeypress evento o el código de clave de Unicode de la tecla que activa la onkeydown o onkeyup evento.

La diferencia entre los dos tipos de códigos:

  • Los códigos de caracteres - Un número que representa un carácter ASCII
  • códigos clave - Un número que representa una llave real en el teclado

Estos tipos no siempre significan lo mismo; por ejemplo, una caja inferior "w" y una caja superior "W" tienen el mismo código de teclado, porque la clave que se presiona en el teclado es el mismo (just "W" = the number "87") , pero una diferente código de carácter, porque el carácter resultante es diferente (ya sea "w" o "W" , que es "119" o "87") - Ver "More Examples" a continuación para entender mejor esta enfermedad.

Consejo: Para averiguar si el usuario está presionando una tecla para imprimir (por ejemplo, "a" o "5"), se recomienda utilizar esta propiedad en el caso onkeypress. Para averiguar si el usuario está presionando una tecla de función (por ejemplo, "F1" , "CAPS LOCK" o "Inicio") utilizan el onkeydown o onkeyup evento.

Nota: En Firefox, la propiedad keyCode no funciona en el caso onkeypress (will only return 0) . Para una solución multi-navegador, utilice el que la propiedad junto con keyCode, por ejemplo:

var x = event.which || event.keyCode;  // Use either which or keyCode , depending on browser support

Consejo: Para obtener una lista de todos los caracteres Unicode, por favor estudiar nuestra completa Unicode de referencia .

Consejo: Si desea convertir el valor Unicode devuelto en un carácter, utilice el fromCharCode() método.

Nota: Esta propiedad es de sólo lectura.

NOTA: Se proporciona Tanto el código clave y que la propiedad sólo por compatibilidad. La última versión de la especificación de eventos DOM recomienda el uso de la clave de propiedad en lugar (if available) .

Consejo: Si desea averiguar si el "ALT" , "CTRL" , "META" o "SHIFT" ha pulsado la tecla cuando se produjo un acontecimiento clave, utilice el altKey , ctrlKey , metakey o shiftKey propiedad.


Soporte del navegador

Propiedad
keyCode

Sintaxis

event .keyCode

Detalles técnicos

Valor de retorno: Un número, que representa ya sea un código de caracteres Unicode o el código de la llave Unicode
DOM Versión: DOM nivel 2 Eventos

Ejemplos

Más ejemplos

Ejemplo

Usando onkeypress y onkeydown para demostrar las diferencias entre los códigos de caracteres y códigos de teclado:

<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;
}

Al pulsar el "a" tecla en el teclado (not using caps lock) , el resultado de carbón y la clave será:

Unicode CHARACTER code: 97
Unicode KEY code: 65
Inténtalo tú mismo "

Ejemplo

Alertar a un texto si el usuario presiona la tecla Escape:

<input type="text" onkeydown="myFunction(event)">

function myFunction(event) {
    var x = event.keyCode;
    if (x == 27) {  // 27 is the ESC key
        alert ("You pressed the Escape key!");
    }
}
Inténtalo tú mismo "

Ejemplo

Convertir el valor Unicode en un personaje (does not work for function keys) :

var x = event.keyCode;                // Get the Unicode value
var y = String.fromCharCode(x);       // Convert the value into a character
Inténtalo tú mismo "

Páginas relacionadas

Referencia HTML DOM: KeyboardEvent key Property

Referencia HTML DOM: KeyboardEvent charCode Property

Referencia HTML DOM: KeyboardEvent which Property


<Objeto de evento