Cómo se usa
- Haga clic en el área gris para que tenga el foco.
- Pulse cada tecla. Una tecla se ilumina mientras la mantiene pulsada y conserva un tinte una vez pulsada.
- Mantenga tres teclas juntas, por ejemplo Q, A y W, y lea Máximo de teclas pulsadas a la vez y Comprobación de pulsaciones simultáneas.
- Revise la tabla para ver event.key y event.code. Pulse Restablecer para empezar de nuevo.
Qué muestra la prueba
event.code nombra la tecla física. La tecla en la posición A es KeyA en cualquier distribución, y el nombre no cambia cuando cambia el idioma del teclado. event.key es el carácter o el nombre que produce el sistema con la distribución actual, así que sí cambia con el idioma.
- event.code: la tecla física, por ejemplo KeyA o Digit2.
- event.key: lo que produce la tecla, por ejemplo a o A, según Mayús y la distribución.
- ubicación: si la tecla está a la izquierda o a la derecha del teclado, o en el teclado numérico.
- repetición: sí cuando la tecla sigue pulsada y el sistema la envía de nuevo.
Distribuciones en el dibujo
ANSI (EE. UU.) tiene una tecla Intro corta y una tecla de barra invertida arriba a la derecha. ISO tiene una tecla Intro alta y una tecla extra a la izquierda de Z. La turca Q usa la forma ISO con letras turcas: la ı está donde está la I en el teclado de EE. UU., y ğ, ü, ş, i, ö y ç van después de P, después de Ğ, después de L, después de Ş, después de M y después de Ö. La disposición AZERTY (francesa) usa la forma ISO con las letras cambiadas: la A está donde en EE. UU. está la Q, la Z donde la W, la Q donde la A, la W donde la Z, y la M después de la L. Sus cifras necesitan Mayús. La disposición QWERTZ (alemana) usa la forma ISO con la Y y la Z intercambiadas, y la Ü, la Ö, la Ä y la ß van después de P, después de L, después de Ö y después de la 0. La disposición ABNT2 (brasileña) usa la forma ISO con la Ç después de L, una tecla de apóstrofo a la izquierda del 1 y una tecla extra a la izquierda de la Mayús derecha que escribe / y ?. Las letras impresas que se muestran son las habituales; las teclas de su teclado pueden ser distintas.
Los códigos no cambian con la disposición. El código nombra la posición de la tecla en el teclado de EE. UU.: la tecla que imprime A en AZERTY tiene por código KeyQ, y event.key muestra la A.
Pulsaciones simultáneas y fantasmas
La pulsación simultánea es cuántas pulsaciones de teclas informa un teclado a la vez. Un teclado con pulsación simultánea completa informa cada tecla que mantiene. Un teclado más barato puede perder una tecla cuando se pulsan varias en cierto patrón, lo que se llama bloqueo fantasma (ghosting). Para comprobarlo, mantenga tres o más teclas, como Q, A y W, y mire que todas se iluminan.
Ejemplo: la tecla I en un teclado turco Q
En un teclado turco Q, la tecla de la posición I de EE. UU. imprime ı. Al pulsarla, event.code es KeyI y event.key es ı. Con Mayús pulsada, event.key pasa a ser I. La posición de la tecla y el código siguen igual; solo cambia el carácter según la distribución.
Preguntas frecuentes
¿Registra la prueba lo que escribo?
No. La página lee los eventos de teclado solo mientras el área de prueba tiene el foco, los muestra en pantalla y los descarta al restablecer la prueba o al salir de la página. No se envía nada a nuestro servidor ni se guarda en el navegador.
¿Por qué una tecla no se ilumina?
Algunas teclas son usadas por el sistema o el navegador antes de que la página las vea, como Ctrl+W, Alt+Tab o la tecla Windows. Pruebe la tecla en otra aplicación: si se ilumina allí, la página no puede verla en el navegador.
¿Qué muestra la comprobación de pulsaciones simultáneas?
Muestra si se informaron tres o más teclas juntas durante esta prueba. Si una tecla deja de iluminarse cuando mantiene tres teclas que forman una esquina o un rectángulo, el teclado puede tener ghosting.
¿Por qué cambia event.key cuando cambio el idioma del teclado?
event.key es el carácter que produce el sistema con la distribución actual, así que la tecla de la posición I da ı en una distribución turca e i en una inglesa. event.code sigue igual porque nombra la tecla física.
¿Funciona la prueba en un teléfono?
Poco en un teléfono: el teclado en pantalla no envía los códigos de tecla física de la misma forma. Use un ordenador con un teclado físico para una prueba completa.
Fuentes
- UI Events, valores de KeyboardEvent code, especificación de W3C (en inglés)
- UI Events, valores de KeyboardEvent key, especificación de W3C (en inglés)
- KeyboardEvent, MDN (en inglés)
- Microsoft Learn (en inglés): French (Legacy, AZERTY) Keyboard
- Microsoft Learn (en inglés): German Keyboard
- Microsoft Learn (en inglés): Portuguese (Brazil ABNT2) Keyboard
- Keyboard Layout Info (en inglés): KBDBR, tecla junto a la Mayús derecha
Cifras y texto revisados por última vez el jueves, 12 de noviembre de 2026.