ショートカットキーを作成するjavascript「shortKeys」

ある文字をキーボードで打つと、ファイルを開くなど対応したプログラムが実行されます。
これをショートカットキーと呼びますが、サイト上でも使えるようにしたのが、shortKeys jQuery plug-inです。

使用方法

shortKeys jQuery plug-inからjquery.shortkeys.jsをjQueryからjquery.jsをダウンロードします。

<script src="http://yourdomain/jquery.js" type="text/javascript"></script>
<script src="http://yourdomain/jquery.shortkeys.js" type="text/javascript"></script>

上記を書き込んだら、キーと対応するコマンドを指定します。

<script type="text/javascript">
$(document).ready(function() {
	$(document).shortkeys({
		'N':	function () { $('#id名').append('N'); },	//Nを押したら、id名にNを表示
	});
});
</script>

サンプル

N、M、スペース、Vを押してください。
スペースはアラート、Vは背景色を変更します。

Javascriptサンプルページ一覧

skuare.net