Descubre los códigos de teclas JavaScript al instante. Presiona cualquier tecla para empezar.
Cualquier tecla de tu teclado para ver su código
El manejo de eventos de teclado en JavaScript puede ser confuso debido a las múltiples propiedades disponibles. Esta herramienta te ayuda a visualizar exactamente qué datos recibe el navegador cuando interactúas con el hardware.
Es fundamental distinguir entre la intención del usuario (qué carácter quiere escribir) y la acción física (qué botón presionó).
Representa la tecla física en el teclado. Esta propiedad es invariable y no se ve afectada por la distribución del teclado (QWERTY, AZERTY, etc.).
Uso ideal: Controles de videojuegos (WASD) y atajos de teclado posicionales.
Representa el valor del carácter generado. Este valor cambia si se presiona Shift o AltGr, y depende del idioma configurado en el sistema operativo.
Uso ideal: Campos de texto, formularios y atajos semánticos (Ctrl+C).
| Propiedad | Descripción | Estado |
|---|---|---|
| event.key | Valor del carácter resultante. | Estándar Moderno |
| event.code | Código físico de la tecla. | Estándar Moderno |
| event.which | Código numérico ASCII. | Obsoleto (Deprecated) |
| event.keyCode | Código numérico antiguo. | Obsoleto (Deprecated) |
Para detectar combinaciones de teclas, no confíes en la lógica manual.
Utiliza las propiedades booleanas nativas del evento:
e.ctrlKey,
e.shiftKey,
e.altKey y
e.metaKey.