FC2ブログ

ショートカットキーをjavascriptで実現するライブラリ

先日、プラグインを作るために使ったJavascriptライブラリ"shortcut.js"
色々と解説ページ(1,2,3,4)を見たけど、書いてないことがあったのでメモっておく。

ライブラリを利用したサンプルは以下のようになる。
この場合、キーボードの"J"を押すとメッセージが表示される。


shortcut.add("J",function() {
alert("Jが押されました");
},{
'type':'keydown',
'propagate':true,
'disable_in_input':true,
'target':document
'keycode':74
});



他の解説ページでは赤字のコード('keycode':74)の記述は見当たらなかった。
でも、少なくとも自分の環境ではこのコードが必要っぽい。

このコード(keycode)はショートカットを割り当てるキーごとに変える必要がある。
たとえば、"A"のキーに割り当てるならば、"A"のキーコードが65なので赤字のコードは

'keycode':65

と書き換える。
よって、使いたいキーのキーコード一覧を参照すべし。

なぜか1から9のキーではこの設定がいらない。
よくわからん。


参考URL
 [1]WEBアプリに超絶簡単にJavaScriptのキーボードショートカット機能を実装する「shortcuts.js」
 [2]ショートカットキーをjavascriptで実現 - Handling Keyboard Shortcuts in JavaScript
 [3]shortcut.js(テノニッキ)
 [4]Handling Keyboard Shortcuts in JavaScript

theme : ホームページ・ブログ制作
genre : コンピュータ

comment

※コメント時の注意※
1.管理人に承認されるまでコメントは反映されません。
2.管理人はどちらかと言えばMなので、ドぎつい言葉を浴びせると反応します。
3.15歳未満は書き込み禁止
----------------------------------------------------------------------------




管理者にだけメッセージを送る

メールフォーム

名前:
メール:
件名:
本文:

GoogleAdsense
プロフィール

幽玄公司

Author:幽玄公司
なまえ : 幽玄公司

TWオルランヌ鯖で物乞い・詐欺で生計をたててるよ

Time is Money
時間給が円とすると
キーボードショートカットVer1.3
  • L:最新の記事
  • J:次の記事orページ
  • K:前の記事orページ
  • D:PageDown
  • U:PageUp
最近の記事
カテゴリー
赤の他人様へのリンク

-------------
月別アーカイブ
最近のコメント
FC2カウンター
ブログ内検索
RSSフィード
ブロとも申請フォーム

この人とブロともになる

最近のトラックバック