JavaScript Keyboard 快速鍵設定 Event Library - jwerty

JavaScript 可以設定很多快速鍵來讓操作更直覺、便利, ex: Gmail 可以使用 Vim 的 j、k 來操作上下封郵件.

但是每次要寫這種快速鍵, 就得要開始找對應表, 是否有 Library 已經做好這些事情了呢?

jwerty - Handling Keyboard Events

此 Library 可以幫忙設定快速鍵、組合鍵, 算是 "Keyboard 快速鍵 vs JavaScript 直接對照的 Library".

範例

下述寫法取自官方網站

  • jwerty.key('⌃+⇧+P', function () { [...] });
  • jwerty.key('ctrl+[0-9]', function () { [...] });
  • jwerty.key('↑,↑,↓,↓,←,→,←,→,B,A,↩', function () { [...] });
  • $('#myinput').bind('keydown',  .event('⌃+⇧+P/⌘+⇧+P', function () { [...] }));
  • jwerty.fire('enter', 'input:first-child', '#myForm');

作者: Tsung

對新奇的事物都很有興趣, 喜歡簡單的東西, 過簡單的生活.

發表迴響

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料