Keyboard Key Code Viewer
Presiona cualquier tecla para obtener el KeyCode
Propiedades del evento
Historial reciente
Herramientas recomendadas
Utilidades seleccionadas que podrían serte útiles
Encontrar el key code de JavaScript de cualquier tecla
Resumen
Al construir interacciones de teclado en la web, necesitas saber exactamente qué valor produce una pulsación: su `key`, `code` y el heredado `keyCode`. Un visor de key codes los muestra en vivo: pulsa cualquier tecla y despliega los identificadores que verá tu JavaScript. Esta herramienta captura eventos de teclado en tu navegador para que conectes atajos y manejadores sin adivinar.
Cómo usar (paso a paso)
- 1
Enfoca la herramienta y pulsa una tecla
Haz clic en el visor y pulsa cualquier tecla o combinación que quieras inspeccionar.
- 2
Lee los identificadores
Ve el `key`, `code`, `keyCode` y qué modificadores estaban pulsados.
- 3
Usa la propiedad correcta
Copia el valor que encaje con tu manejador: normalmente `key` para caracteres, `code` para posiciones físicas de tecla.
Cómo Funciona
La herramienta escucha eventos de teclado y, al pulsar una tecla, lee las propiedades del evento: `key` (el carácter o nombre, como 'a' o 'Enter'), `code` (la tecla física, como 'KeyA'), el numérico `keyCode` (obsoleto pero aún visible) y los estados de modificadores (Shift, Ctrl, Alt, Meta). Los muestra al instante. Todo corre localmente en tu navegador: ninguna pulsación se registra ni se envía.
Cuándo usarlo
Construir un atajo de teclado y necesitar el `key` o `code` exacto para hacer coincidir. Depurar por qué un manejador no se dispara con cierta tecla. Distinguir teclas que comparten carácter entre distribuciones. Detectar combinaciones de modificadores para un atajo. Aprender la diferencia entre `key`, `code` y `keyCode`. Verificar qué reporta una tecla especial o multimedia.
Preguntas Frecuentes
`key` es el valor producido, afectado por la distribución y los modificadores (Shift+a da 'A'). `code` es la posición física de la tecla, sin afectar por la distribución (siempre 'KeyA' para esa tecla). Usa `key` para caracteres y `code` para atajos de posición física como WASD.
Notas Importantes
Algunas teclas se comportan distinto entre navegadores, sistemas operativos y distribuciones de teclado, sobre todo teclas muertas, entrada por IME y teclas multimedia. Prueba en tus plataformas objetivo en vez de asumir que los valores de una máquina aplican en todas partes.