Prueba de teclado en el navegador: distribución en pantalla y códigos

Al pulsar una tecla, la tecla correspondiente se pone amarilla y queda verde hasta que reinicies el teclado. La línea inferior indica el nombre de la tecla y el código que informó el navegador; los eventos no salen de la página.

Se ejecuta localmente en tu navegador
Esc
F1
F2
F3
F4
F5
F6
F7
F8
F9
F10
F11
F12
Print
Scrn
Scroll
Lock
Pause
Break
~
`
!
1
@
2
#
3
$
4
%
5
^
6
&
7
*
8
(
9
)
0
—
-
+
=
Backspace
Insert
Home
Page
Up
Num
Lock
/
*
Tab
Q
W
E
R
T
Y
U
I
O
P
{
[
}
]
|
\
Del
End
Page
Down
7
Home
8
↑
9
Pg Up
Caps
Lock
A
S
D
F
G
H
J
K
L
:
;
"
'
Enter
4
←
5
6
→
Shift
Z
X
C
V
B
N
M
<
,
>
.
?
/
Shift
↑
1
End
2
↓
3
Pg Dn
Ctrl
Win
Alt
Space
Alt
Win
Menu
Ctrl
←
↓
→
0
Ins
.
Del
-
+
Enter
Al probar el teclado numérico, el valor puede depender de Num Lock y del sistema operativo.

Cómo probar un teclado en el navegador

Pulsa una tecla del teclado físico y la tecla correspondiente de la distribución en pantalla se ilumina: amarillo al pulsar y después verde, donde se queda hasta que reinicies el tablero. La línea bajo el tablero indica el nombre de la tecla y el código que informó el navegador.

Los eventos de teclado se leen solo en el navegador, así que la página funciona sin conexión y no se envía nada: ninguna tecla se registra, se guarda ni se sube, y la prueba se detiene cuando la pestaña pierde el foco.

  1. Haz clic una vez en la página para que la ventana tenga el foco: el navegador solo comunica los eventos de teclado a la pestaña activa.
  2. Pulsa cualquier tecla. La tecla correspondiente del tablero parpadea en amarillo y luego queda verde como marca de que ya la has pulsado.
  3. Lee la línea bajo el tablero: muestra el nombre de la tecla y el código que el navegador ha entregado en esa pulsación.
  4. Pulsa Restablecer todas las teclas para borrar las marcas verdes y empezar una pasada nueva.

Qué informa la página

Las marcas verdes son un rastro, no un veredicto

El tablero es una distribución de escritorio estándar de 104 teclas. El amarillo significa «esta es la tecla que acabas de pulsar» y el verde, «esta tecla se ha pulsado al menos una vez desde el último reinicio». Las teclas que no has tocado siguen blancas, así que un recorrido rápido muestra cuáles no respondieron.

Las teclas se identifican por el código que envían, no por la etiqueta impresa en tu teclado. En un teclado AZERTY o Dvorak el resaltado sigue la posición física que produce ese código, y la línea bajo el tablero muestra el código.

Modificadores izquierdos y derechos, y el teclado numérico

Las dos teclas Mayús, las dos Ctrl, las dos Alt y los dos Intro envían el mismo código. La página usa la tecla física pulsada, así que el Mayús derecho ilumina el Mayús derecho del tablero en lugar de iluminar siempre el izquierdo.

Con Bloq Num desactivado, el teclado numérico informa códigos de navegación: el 5 pasa a Clear (12), el 1 a End (35), el 7 a Home (36). La tecla del bloque numérico sigue iluminándose y la línea inferior imprime el código que informó el navegador, que es justo el desajuste que más confunde.

Teclas que la página nunca ve

Los atajos los gestionan el navegador o el sistema operativo antes de que ninguna página reciba el evento: Ctrl+W o Cmd+W, Cmd+Tab, la ayuda con F1, Impr Pant y las teclas de volumen y multimedia de la mayoría de portátiles. No se ilumina nada porque nada llegó a la página.

La capa Fn de un portátil, un teclado con reasignación interna y los controladores que envían macros también quedan por debajo del navegador. Si una tecla funciona en otro programa pero no aquí, el evento se consume o se reescribe antes de llegar a la página.

Qué no mide

Muestra los eventos que entrega el navegador, uno a uno. No mide rollover, distancia de actuación, latencia, chatter ni retardo de repetición, y no prueba un cable, un receptor ni un interruptor.

Las pantallas táctiles y los teclados en pantalla no producen eventos de teclado físicos, así que en un móvil o una tableta el tablero es solo una referencia de distribución. En una pantalla estrecha el tablero se puede desplazar hacia los lados para llegar al bloque derecho.

Herramientas recientes: