Comprobador de códigos de tecla (keycode)

Pulsa cualquier tecla: verás al instante event.key, event.code, el antiguo keyCode y las teclas modificadoras activas.

Pulsa cualquier tecla… funciona con todas las teclas de tu teclado
event.key
event.code
keyCode (obsoleto)
Ctrl Alt Shift Meta / Cmd

Historial de teclas recientes (la más reciente a la izquierda):

aún no has pulsado ninguna tecla
🔒 Las pulsaciones se leen solo en esta página: no se registra ni se envía nada a ninguna parte.

key, code y keyCode: ¿cuál deberías usar?

El JavaScript moderno te ofrece dos propiedades: event.key es el carácter o el nombre lógico que produce la tecla (por ejemplo "a", "A" con Shift, "Enter"), mientras que event.code identifica la posición física en el teclado (por ejemplo "KeyA", "Digit1") y no cambia con la distribución — QWERTY, AZERTY o Dvorak. Usa key cuando te importa lo que está escribiendo el usuario, y code para los atajos basados en la posición, como las teclas WASD en los juegos.

¿Por qué keyCode está obsoleto pero sigue siendo útil?

El keyCode numérico está oficialmente obsoleto según el estándar, pero mucho código heredado, plugins y bibliotecas antiguas lo siguen comprobando (el clásico 13 para Enter o 27 para Esc). Si estás depurando o manteniendo código existente, necesitas saber qué número produce una tecla: por eso esta herramienta lo muestra justo al lado de los valores modernos, para que puedas migrar con confianza las comparaciones numéricas a key y code.