Info de teclas
Pulsa una tecla, mira tecla, codigo y keyCode al acto
- tecla
- —
- codigo
- —
- keyCode
- —
- which
- —
- lugar
- —
✦ Tres nombres para cada pulsacion
Una sola pulsacion da tres nombres: key (el caracter, depende del teclado), code (la posicion fisica, libre) y el numero keyCode viejo. Mezclarlos es el bug clasico de atajos, los que van en tu QWERTY se rompen en el AZERTY de un colega porque leiste key donde tocaba code.
Que hace esta herramienta
- ⌨️ Muestra key, code, keyCode, which y location de toda pulsacion
- 🔍 Separa modificadores izq y der y teclas del pad
- 📋 Valores en vivo, listos para copiar al codigo
- ⚡ Cero config, clica y pulsa
Cuando usarla
- Ver por que un atajo salta o no
- Escribir controles de juego libres de teclado
- Ver que manda de verdad un teclado raro
Privacidad: las pulsaciones se leen en local y se muestran, nada se graba ni se envia.
Última actualización · 2026-09-01
Como funciona la revision
Las props nativas KeyboardEvent se leen directo (key, code, keyCode, which, location) con etiqueta Espacio amable y decodificacion izq, der y pad. Los oyentes estan en el area y el documento, las pulsaciones se registran donde sea razonable.
Por que mirar teclas aqui?
Los cinco nombres de una vez
key, code, keyCode viejo, which y location juntos por pulsacion, el cuadro total que otros reparten en pestanas.
Sensible a modificadores
Shift, Ctrl y Alt izq o der y teclas del pad dan sus codigos y lugares propios, el detalle exacto donde se esconden los bugs de atajos.
Depurar sin friccion
Sin forma, sin boton: clica el area y pulsa. Los valores quedan en pantalla para copiar directo a tus manejadores.
Preguntas frecuentes
key o code, cual diferencia?⌄
key es lo que la pulsacion produce (depende del teclado: q en QWERTY, a en AZERTY para la misma tecla), mientras code nombra la posicion fisica (KeyQ) sin importar el teclado. Juegos y atajos deben oir a code.
keyCode esta muerto?⌄
Si, oficial, pero todo framework y tutorial viejo aun lo muestra, esta pagina lo muestra con los valores nuevos para cruzar.
Por que Shift izq y der difieren?⌄
Comparten el nombre pero dan codigos distintos (ShiftLeft o ShiftRight) y lugares (1 o 2), justo el detalle que hace falta para atajos por modificador.
Preguntas frecuentes
key o code, cual diferencia?
key es lo que la pulsacion produce (depende del teclado: q en QWERTY, a en AZERTY para la misma tecla), mientras code nombra la posicion fisica (KeyQ) sin importar el teclado. Juegos y atajos deben oir a code.
keyCode esta muerto?
Si, oficial, pero todo framework y tutorial viejo aun lo muestra, esta pagina lo muestra con los valores nuevos para cruzar.
Por que Shift izq y der difieren?
Comparten el nombre pero dan codigos distintos (ShiftLeft o ShiftRight) y lugares (1 o 2), justo el detalle que hace falta para atajos por modificador.