【JavaScript】キーコードを取得する　オンライン

何かキーを押すと下の欄にキーコードと名前が表示されます。

何かキーを入力してください

キーボードの接触不良チェック用に作ってみました。そのためキーボードのデフォルト動作(F5キーで更新など)は、OSに近い部分を除いて無効になっています。

サンプルソースです

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>キーコード取得</title>
</head>
<body>
<p>キーコードはブラウザタブに表示</p>

<script>
document.addEventListener('keydown', (e)=> {
	document.title = `${e.keyCode}, ${e.code}`;
	e.preventDefault();
});

// Altなどのデフォルト動作防止
document.addEventListener('keyup', (e)=> {
	e.preventDefault();
});
</script>
</body>
</html>

keydownイベントで押されたキーを表示しています。e.keyCodeでキーコード、e.codeは名前になります。

Altキーなどは keyupでデフォルト動作が起こるのでこちらでもデフォルト動作を無効にしてあります。

FNキー、PRTSCキーなど一部のキーは、キーコードを取得できませんでした。