Descubre los códigos de teclas JavaScript al instante. Presiona cualquier tecla para empezar.
Cualquier tecla de tu teclado para ver su código
Personaliza colores y modo oscuro para WordPress, Notion o tu propio sitio.
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.
Crea y traduce expresiones cron a lenguaje humano de forma visual.
Valida, repara y formatea JSON. Detección de errores en tiempo real.
Estima el precio de tus proyectos con GPT-4, Claude y Gemini.
Calculadora de escalas modulares armónicas para jerarquías tipográficas perfectas.
Crea mockups profesionales de capturas para iPhone y Pixel con fondos personalizados.