Gmail スタイルのショートカ​ットを実装できる『M​ousetrap』 - present

Web アプリにショートカットを実装したくて、ライブラリを探していたら、良いの見つけた。 『Mousetrap』。 ccampbell/mousetrap JavaScript でショートカットを実装するライブラリでは shortcuts.js が有名だけど、後発の Mousetrap は shortcuts.js と同等のことができる。さらに Mousetrap が優れていて、個人的にツボだったのは、Gmail の g, i で受信箱に移動 g, a ですべてのメールに移動 *, a ですべてのメールを選択 みたいな、キーを組み合わせるタイプのショートカットも実装できること。コイツがやりたかったんだ。 使い方は簡単で、Mousetrap.bind メソッドにショートカットキーの文字列と、実行したい関数を渡すだけ。Mousetrap を使ったサンプルは次の通り。余命宣告された Google