キーの値を読み取る手順

入力欄でキーを1つ押すと、その1回の押下について4つの情報が表示されます。key の値、物理的な位置を示す code、レガシーの keyCode、そして押されていた修飾キーです。値はページ自身が読み取るため、どこにも送信されず、オフラインでも動作します。

下の4つの表は、Windows 上の最新 Chrome で各キーが報告するレガシー keyCode をまとめたものです。古いコードを読むための資料であり、推奨ではありません。keyCode は非推奨で、以前 keyCode で行っていたことの多くは event.key と event.code で足ります。

入力欄をクリックしてからキーを1つだけ押します。バッジに keyCode が入り、上の表に key の値、code の値、押されていた修飾キーが入ります。
次のキーを押す前にすべて指を離すと、修飾キーの行が読みやすく保てます。入力欄は押下ごとに空になります。最初からやり直すときはクリアを使ってください。
表示されたレガシーの値を下の表と照合します。表にないキーでもバッジには値が表示されます。
古いコードを直すときは、置き換える前に keyCode を key と code と突き合わせます。矢印キー、記号、修飾キーでは挙動が異なります。

一覧表の内容と数値の根拠

4つの値の意味

key は文字そのものかキーの名前で、配列と修飾キーに従います。同じ物理キーでも Shift とキーボード配列によって a、A、ä のいずれかになります。code は米国配列での物理的な位置なので、どの文字を生む場合でも KeyA は KeyA のままです。keyCode はこのページが扱うレガシーの数値で、バッジに他の2つと並んで表示されます。

修飾キーは Shift、Ctrl、Alt、Meta として別々に報告され、押した瞬間の状態を表します。Shift だけを押すと keyCode 16、code は ShiftLeft または ShiftRight として報告されます。keyCode では左右を区別できませんが、code では区別できます。

表の確認方法

4つの表のすべての値は、Windows 上の最新 Chrome で実際にキーを押して照合しました。英字と数字は大文字の ASCII 値を報告します。A は 65、0 は 48 で、Shift の有無による違いはありません。ファンクションキーは 112 から 123 です。記号は Shift なしの米国配列の文字を報告するため、; と : はどちらも 186 になります。

制御キー、矢印キー、ファンクションキー列、マルチメディアキーも同じ方法で確認しています。Print Screen、Scroll Lock、Pause、Windows キー、コンテキストメニューキーの行は以前の一覧にはありませんでした。Windows では keyCode を報告するため、ここに追加しています。

テンキーは Num Lock で変わる

テンキーの表は Num Lock がオンのときに報告される値です。0 から 9 は 96 から 105 で、演算子は * 106、+ 107、- 109、. 110、/ 111 です。Num Lock がオフだと同じキーはナビゲーションキーになり、0 は Insert、1 は End、2 は下矢印、5 は値 12 の Clear、小数点は Delete を報告します。

この状態では2つの値がメインキーボードと衝突します。テンキーの Enter は通常の Enter と同じ 13、小数点は Delete と同じ 46 を報告します。code は NumpadEnter と NumpadDecimal として区別できるため、keyCode の代わりではなく隣に code を表示しています。

確認できないキー

Web ページが受け取れるのは、ブラウザが送ると決めたものだけです。Print Screen は keydown を発生させますが通常 keyup は発生しないため、バッジに表示されたまま次の押下まで残ります。ノート PC の Fn キー、OS が処理する音量・輝度キー、Copilot キーは何も報告しません。

フォーカスも関係します。押下を読み取るには入力欄がアクティブである必要があり、ウィンドウが背面にあるときの押下はページに届きません。1つずつ確認してください。

文字キーと数字キーのレガシー keyCode 値
キー	keyCode	キー	keyCode	キー	keyCode	キー	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

テンキーのキーのレガシー keyCode 値				Function key values (keyCode)
キー	keyCode	キー	keyCode	キー	keyCode	キー	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

制御キーの keyCode 値
キー	keyCode	キー	keyCode	キー	keyCode	キー	keyCode
Backspace	8	Esc	27	右矢印	39	-_	189
Tab	9	スペース	32	下矢印	40	.>	190
クリア	12	Page Up	33	Insert	45	/?	191
Enter	13	Page Down	34	削除	46	`~	192
Shift	16	End	35	Num Lock	144	[{	219
Control	17	Home	36	;:	186	\\|	220
Alt	18	左矢印	37	=+	187	]}	221
Caps Lock	20	上矢印	38	,<	188	'"	222
Print Screen	44	Scroll Lock	145	Pause	19	Windows キー	91
右 Windows キー	92	コンテキストメニュー	93

マルチメディアキーの keyCode 値
キー	keyCode	キー	keyCode	キー	keyCode	キー	keyCode
音量アップ	175
音量ダウン	174
停止	179
ミュート	173
ブラウザー	172
メール	180
検索	170
コレクション	171