Comprobador de códigos de tecla

Funciones

• Pulsa cualquier tecla y verás key, code, keyCode, which y el valor ASCII a la vez
• Cada campo va etiquetado con a qué sigue: el carácter, la posición física o un valor heredado
• Los caracteres imprimibles traen el ASCII en decimal y en hexadecimal (`A` es 65 / 0x41)
• Las teclas con nombre traen su código de control ASCII (Intro es 13 / CR, Supr es 127 / DEL), que es el origen del desajuste entre keyCode y ASCII
• Se listan los modificadores que estén pulsados a la vez (Ctrl + Shift)
• Se marcan los eventos de repetición automática, que es lo que hace falta para detectar una tecla mantenida
• La composición de IME se avisa explícitamente (durante ella `key` es `Process`, no un fallo)
• Una tabla de más de 100 teclas, buscable por nombre, code, keyCode o valor ASCII
• Shift / Ctrl / Alt izquierdo y derecho van en entradas distintas: solo `code` los distingue
• La tabla ASCII completa de 0 a 127, con los caracteres de control como abreviaturas en vez de 33 celdas en blanco
• Las combinaciones con Ctrl / Alt / Cmd no se interceptan, así que los atajos del navegador siguen funcionando

Cómo se usa

1. Haz clic en el recuadro de detección de arriba y pulsa cualquier tecla
2. La lista de resultados muestra al momento el key, code, keyCode, valor ASCII y modificadores de esa tecla
3. Sigue pulsando teclas para ver más: no hay ningún botón que pulsar
4. Busca en la tabla de abajo por nombre o valor, o recorre la tabla ASCII de 0 a 127

Preguntas frecuentes

Si keyCode está obsoleto, ¿para qué consultarlo?

Porque lo que se declaró obsoleto es la especificación, no el hecho de que aparezca en el código. Los proyectos existentes, las bibliotecas antiguas y una gran cantidad de código de ejemplo todavía en uso emplean `event.keyCode`, y leerlos exige saber qué significan esos números. Al escribir código nuevo hace falta la misma tabla al revés, para confirmar si una tecla dada debería leerse ahora de `key` o de `code`. Por eso se muestra junto a los otros dos, marcado como obsoleto, en vez de esconderse.

¿Por qué Supr tiene keyCode 46 y ASCII 127?

Los dos números responden a preguntas distintas. `keyCode` dice qué tecla se pulsó, y la tecla Supr lleva el valor 46; ASCII dice qué carácter se produjo, y Supr es 127 (DEL). Con Intro pasa lo mismo con un giro: su `keyCode` de 13 coincide con su código de control ASCII 13 (CR) solo porque esa tecla ha producido ese byte desde la época del teletipo. La herramienta muestra las dos columnas por separado para que esto quede a la vista en vez de confundirse.

¿Debería usar key o code en mi propio código?

Depende de si te refieres al carácter o a la posición. Los atajos de teclado (Ctrl+S y compañía) deben usar `code`, que sigue la tecla física y sigue funcionando cuando el usuario cambia a una distribución francesa o rusa. Todo lo que tenga que ver con lo que el usuario escribió de verdad debe usar `key`: el manejo de entrada, las pistas de atajos y los juegos lo quieren. El fallo histórico es justo lo que motivó la obsolescencia de `keyCode`: los atajos escritos con él se rompen en teclados que no son estadounidenses.

¿Por qué mi teclado de entrada de chino o japonés muestra Process?

Porque en ese momento la pulsación todavía no se ha convertido en carácter. Mientras el IME compone, el navegador informa de `key` como `Process` y de `keyCode` como 229, y la herramienta además marca la composición. No es un fallo sino una señal real: para saber qué escribió de verdad el usuario hay que leer después de `compositionend`, porque leer solo `keydown` convierte una frase entera en una ristra de `Process`.

¿Por qué Ctrl+W no se intercepta en esta página?

A propósito. La página solo intercepta la acción por defecto de unas pocas teclas, y solo mientras el recuadro de detección tiene el foco y no hay ningún modificador pulsado: Espacio y las flechas, para que la página no se desplace, y `/` para la búsqueda rápida de Firefox. Todo lo que lleve Ctrl, Alt o Cmd se deja pasar, porque pertenece al navegador y al sistema operativo: tragarse Ctrl+W (cerrar pestaña), F5 (recargar) o F12 (herramientas de desarrollo) solo haría pensar a la gente que su navegador está roto.