skuare.netはJavaScriptライブラリのjQuery,mootools,prototypeのプラグインを中心にWebサイト構築に関する技術を試す個人サイトです

ショートカットキーを作成する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>
ショートカットキーを作成するjavascript「shortKeys」サンプル

記事作成：2008年01月20日

前の記事：Ajaxにコンテンツを読み込むjavascript「jQuery ajaxContent」
次の記事：プロキシーをiPhone&iPod touchでも可能にしたjavascript「iFreecell」