Cómo leer los valores de una tecla

Pulsa una tecla en el campo y la página muestra cuatro datos de esa sola pulsación: el valor key, el code físico, el keyCode heredado y los modificadores que estaban activos. Los valores los lee la propia página, así que no se envía nada y la lectura funciona sin conexión.

Las cuatro tablas de abajo recogen el keyCode heredado que notifica cada tecla en Chrome actual sobre Windows. Son una referencia para leer código antiguo, no una recomendación: keyCode está obsoleto y event.key y event.code responden a casi todo lo que antes se resolvía con él.

Haz clic en el campo y pulsa una sola tecla. El recuadro se rellena con el keyCode y la tabla de arriba con el valor key, el valor code y los modificadores activos.
Suelta todo antes de la siguiente tecla para que la fila de modificadores siga siendo legible. El campo se vacía tras cada pulsación; usa Limpiar si quieres empezar de nuevo.
Compara el valor heredado que ves con las tablas de abajo. Una tecla que no aparezca igualmente muestra su valor en el recuadro.
Para código antiguo, contrasta keyCode con key y code antes de sustituirlo: flechas, signos de puntuación y modificadores no se comportan igual.

Qué son las tablas y de dónde salen los números

Qué significa cada valor

key es el carácter o el nombre de la tecla y sigue a tu distribución y a los modificadores: la misma tecla física es a, A o á según Mayús y la distribución del teclado. code es la posición física en una distribución estadounidense, así que KeyA sigue siendo KeyA produzca el carácter que produzca. keyCode es el número heredado en torno al que se construyó esta página, y el recuadro lo muestra junto a los otros dos.

Los modificadores se notifican aparte como Shift, Ctrl, Alt y Meta y describen el estado en el momento de la pulsación. Mayús sola notifica Shift con keyCode 16 y code ShiftLeft o ShiftRight: las copias izquierda y derecha se distinguen por code aunque keyCode no las separe.

Cómo se comprobaron las tablas

Cada valor de las cuatro tablas se comparó con pulsaciones reales en Chrome actual sobre Windows. Letras y dígitos notifican su valor ASCII en mayúscula: A es 65 y 0 es 48, sin diferencia entre la forma con Mayús y sin ella. Las teclas de función van de 112 a 123. Los signos notifican el carácter estadounidense sin Mayús, así que ; y : dan ambos 186.

Las teclas de control, las flechas, la fila de función y las teclas multimedia se verificaron igual. Las filas de Impr Pant, Bloq Despl, Pausa, las teclas Windows y el menú contextual faltaban en la versión anterior de esta tabla; figuran aquí porque en Windows sí notifican keyCode.

El teclado numérico depende de Bloq Num

La tabla del teclado numérico recoge los valores que notifica una tecla con Bloq Num activado: del 0 al 9 son 96 a 105 y los operadores son * 106, + 107, - 109, . 110 y / 111. Con Bloq Num desactivado esas mismas teclas pasan a ser de navegación y notifican sus valores: el 0 pasa a Insert, el 1 a Fin, el 2 a Flecha abajo, el 5 a Clear con valor 12 y el punto decimal a Supr.

Dos entradas chocan con el teclado principal en ese estado: Intro del teclado numérico notifica 13 igual que Intro y el punto decimal notifica 46 igual que Supr. El valor code sigue distinguiéndolos, NumpadEnter y NumpadDecimal frente a Enter y Delete; por eso code se muestra junto a keyCode y no en su lugar.

Lo que la herramienta no puede ver

Una página web solo recibe lo que el navegador decide enviar. Impr Pant dispara un keydown y normalmente ningún keyup, así que aparece en el recuadro y se queda ahí hasta la siguiente pulsación. La tecla Fn de los portátiles, las de volumen y brillo que gestiona el sistema operativo y la tecla Copilot no notifican nada.

El foco también importa: el campo tiene que estar activo para que se lea la pulsación, y una tecla pulsada con la ventana en segundo plano nunca llega a la página. Prueba una tecla cada vez.

Valores keyCode heredados para letras y números
Tecla	keyCode	Tecla	keyCode	Tecla	keyCode	Tecla	keyCode
A	65	J	74	S	83	1	49
B	66	K	75	T	84	2	50
C	67	L	76	U	85	3	51
D	68	M	77	V	86	4	52
E	69	N	78	W	87	5	53
F	70	O	79	X	88	6	54
G	71	P	80	Y	89	7	55
H	72	Q	81	Z	90	8	56
I	73	R	82	0	48	9	57

Valores keyCode heredados para el teclado numérico				Function key values (keyCode)
Tecla	keyCode	Tecla	keyCode	Tecla	keyCode	Tecla	keyCode
0	96	8	104	F1	112	F7	118
1	97	9	105	F2	113	F8	119
2	98	*	106	F3	114	F9	120
3	99	+	107	F4	115	F10	121
4	100	Intro	13	F5	116	F11	122
5	101	-	109	F6	117	F12	123
6	102	.	110
7	103	/	111

Valores keyCode de las teclas de control
Tecla	keyCode	Tecla	keyCode	Tecla	keyCode	Tecla	keyCode
Retroceso	8	Esc	27	Flecha derecha	39	-_	189
Tab	9	Espacio	32	Flecha abajo	40	.>	190
Limpiar	12	Re Pág	33	Insert	45	/?	191
Intro	13	Av Pág	34	Supr	46	`~	192
Mayús	16	Fin	35	Bloq Num	144	[{	219
Ctrl	17	Inicio	36	;:	186	\\|	220
Alt	18	Flecha izquierda	37	=+	187	]}	221
Bloq Mayús	20	Flecha arriba	38	,<	188	'"	222
Impr Pant	44	Bloq Despl	145	Pausa	19	Tecla Windows	91
Tecla Windows derecha	92	Menú contextual	93

Multimedia key values (keyCode)
Tecla	keyCode	Tecla	keyCode	Tecla	keyCode	Tecla	keyCode
Subir volumen	175
Bajar volumen	174
Detener	179
Silenciar	173
Navegador	172
Correo	180
Buscar	170
Colección	171