先日紹介した「jQueryを使ってキーボードからの操作でイベントを実行させる方法」にて、
各キーボードに付与されているキーコードを使って制御しましたが
各キーにはどのキーコードが設定されているか調べるツール(?)を
作ってみた(ほぼ自分用)ので併せて紹介してみます。

キーボード操作からイベントを実行させるサンプルでは
矢印キー「←」「→」「↑」「↓」の4つを使って実装しました。

他のキーから操作を設定する際、下記の入力フォームにカーソルを入れ、
実際にキーボードのキーを押すと、そのキーに設定されているキーコードが表示されます。

jQuery KeyCode Examine

中身は大したことないのですが、
下記の様になっています。

◆HTML
<div id="container">
<p>入力フォームにカーソルを入れ、キーコードを調べたいキーを押してください。</p>
キーコード : <input type="text" id="key" />
</div><!--/container-->

そしてこの<img>タグに対して
キーボード操作からアクションを実行させます。

◆SCRIPT
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
	$("#key").keydown(function(e){
		$(this).val(e.keyCode);
		return false;
	});
});
</script>

キーボード操作からjQueryでイベントを実行させる時など
キーコードを調べるのに使えるかと思っています。

ご参考までに。。。

サンプルファイルをダウンロードしたい方はこちらから