タグ

キーバインドに関するwangeruのブックマーク (1)

  • JavaScriptでショートカットキーを実装する色々な方法

    Web画面にショートカットキーを実装する方法をご紹介。 取り立てて目新しい話では無いですが、ショートカットキーを実装する機会があったのでメモしておきます。 ショートカットキーを取り入れたい方はご参考ください。 ちなみにサンプルコードはjQueryを使った書き方をしていますが、両方ともjQueryは不要です。 ご自身の環境によって読み替えて下さいね。 1. JavaScriptで一から書く方法 ちょっと追加したいだけ、であれば自分で書くのが早いです。 Ctrlボタンとかと合わせて複合キーによるショートカットを使いたい場合は、後述のプラグインを使ったほうが良いです。 サンプルの説明 「q」のキーを押したら「#shortcut_button」というidのHTML要素をクリックするイベントを発生させます。 ショートカットキーを追加したい場合は、case文を追加していけばOKです。 $(docume

    JavaScriptでショートカットキーを実装する色々な方法
  • 1