Web画面にショートカットキーを実装する方法をご紹介。 取り立てて目新しい話では無いですが、ショートカットキーを実装する機会があったのでメモしておきます。 ショートカットキーを取り入れたい方はご参考ください。 ちなみにサンプルコードはjQueryを使った書き方をしていますが、両方ともjQueryは不要です。 ご自身の環境によって読み替えて下さいね。 1. JavaScriptで一から書く方法 ちょっと追加したいだけ、であれば自分で書くのが早いです。 Ctrlボタンとかと合わせて複合キーによるショートカットを使いたい場合は、後述のプラグインを使ったほうが良いです。 サンプルの説明 「q」のキーを押したら「#shortcut_button」というidのHTML要素をクリックするイベントを発生させます。 ショートカットキーを追加したい場合は、case文を追加していけばOKです。 $(docume
![JavaScriptでショートカットキーを実装する色々な方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/427c40ba62c1490142eb7af13fdb6d578e0fcbc5/height=288;version=1;width=512/http%3A%2F%2Fwww.cms-seisaku.com%2Fblog%2Fwp-content%2Fplugins%2Fwordbooker%2Fincludes%2Fwordbooker_blank.jpg)