Como ler os valores de uma tecla

Pressione uma tecla no campo e a página mostra quatro dados dessa única pressão: o valor key, o code físico, o keyCode legado e os modificadores que estavam ativos. Os valores são lidos pela própria página, então nada é enviado e a leitura funciona sem conexão.

As quatro tabelas abaixo trazem o keyCode legado que cada tecla informa no Chrome atual no Windows. São uma referência para ler código antigo, não uma recomendação: keyCode está obsoleto e event.key e event.code respondem à maior parte do que antes se resolvia com ele.

Clique no campo e pressione uma única tecla. O visor é preenchido com o keyCode e a tabela acima com o valor key, o valor code e os modificadores ativos.
Solte tudo antes da próxima tecla para manter a linha de modificadores legível. O campo se esvazia após cada pressão; use Limpar para começar de novo.
Compare o valor legado exibido com as tabelas abaixo. Uma tecla que não esteja na lista continua mostrando seu valor no visor.
Para código antigo, confira keyCode contra key e code antes de substituí-lo: setas, pontuação e modificadores não se comportam do mesmo modo.

O que são as tabelas e de onde vêm os números

O que cada valor significa

key é o caractere ou o nome da tecla e acompanha seu layout e os modificadores: a mesma tecla física é a, A ou ã conforme Shift e o layout do teclado. code é a posição física em um layout padrão americano, então KeyA continua KeyA qualquer que seja o caractere produzido. keyCode é o número legado em torno do qual esta página foi construída, e o visor o mostra ao lado dos outros dois.

Os modificadores são informados separadamente como Shift, Ctrl, Alt e Meta e descrevem o estado no momento da pressão. Shift sozinho informa Shift com keyCode 16 e code ShiftLeft ou ShiftRight: as cópias esquerda e direita se distinguem por code mesmo que keyCode não as separe.

Como as tabelas foram verificadas

Cada valor das quatro tabelas foi comparado com pressões reais no Chrome atual no Windows. Letras e dígitos informam seu valor ASCII maiúsculo: A é 65 e 0 é 48, sem diferença entre a forma com Shift e sem ele. As teclas de função vão de 112 a 123. A pontuação informa o caractere americano sem Shift, então ; e : dão ambos 186.

Teclas de controle, setas, a fileira de função e as teclas multimídia foram verificadas do mesmo jeito. As linhas de Print Screen, Scroll Lock, Pause, das teclas Windows e do menu de contexto faltavam na versão anterior desta tabela; elas aparecem aqui porque no Windows informam keyCode.

O teclado numérico depende do Num Lock

A tabela do teclado numérico lista os valores que uma tecla informa com o Num Lock ligado: de 0 a 9 são 96 a 105 e os operadores são * 106, + 107, - 109, . 110 e / 111. Com o Num Lock desligado essas mesmas teclas viram teclas de navegação e informam seus valores: 0 vira Insert, 1 vira End, 2 vira Seta para baixo, 5 vira Clear com valor 12 e a vírgula decimal vira Delete.

Duas entradas colidem com o teclado principal nesse estado: o Enter do teclado numérico informa 13 como o Enter normal e a vírgula decimal informa 46 como Delete. O valor code continua separando os dois, NumpadEnter e NumpadDecimal contra Enter e Delete; por isso code aparece ao lado de keyCode e não no lugar dele.

O que a ferramenta não consegue ver

Uma página web só recebe o que o navegador decide enviar. Print Screen dispara um keydown e normalmente nenhum keyup, então aparece no visor e fica ali até a próxima pressão. A tecla Fn dos notebooks, as teclas de volume e brilho controladas pelo sistema operacional e a tecla Copilot não informam nada.

O foco também importa: o campo precisa estar ativo para que a pressão seja lida, e uma tecla pressionada com a janela em segundo plano nunca chega à página. Teste uma tecla por vez.

Valores keyCode legados para letras e 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 legados para o 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	Enter	13	F5	116	F11	122
5	101	-	109	F6	117	F12	123
6	102	.	110
7	103	/	111

Valores keyCode das teclas de controle
Tecla	keyCode	Tecla	keyCode	Tecla	keyCode	Tecla	keyCode
Backspace	8	Esc	27	Seta direita	39	-_	189
Tab	9	Espaço	32	Seta para baixo	40	.>	190
Limpar	12	Page Up	33	Insert	45	/?	191
Enter	13	Page Down	34	Delete	46	`~	192
Shift	16	End	35	Num Lock	144	[{	219
Ctrl	17	Home	36	;:	186	\\|	220
Alt	18	Seta esquerda	37	=+	187	]}	221
Caps Lock	20	Seta para cima	38	,<	188	'"	222
Print Screen	44	Scroll Lock	145	Pause	19	Tecla Windows	91
Tecla Windows direita	92	Menu de contexto	93

Multimedia key values (keyCode)
Tecla	keyCode	Tecla	keyCode	Tecla	keyCode	Tecla	keyCode
Aumentar volume	175
Diminuir volume	174
Parar	179
Mudo	173
Navegador	172
E-mail	180
Pesquisar	170
Coleção	171