10個用來處理鍵盤事件的JQuery外掛和JS類庫

gbtags發表於2014-01-20

  通常在web應用或者網站中,我們使用滑鼠來控制元素或者執行導航,相對於桌面應用來說,使用web應用的快捷鍵次數可能會相對比較少,但是對於熟練的專業人員來說,使用鍵盤可能更加容易並且更加快速,在今天這篇文章中,我們收集了10個jQuery的外掛,幫助你建立各種基於鍵盤事件的web應用,相信大家會喜歡的!

  建立各種基於鍵盤事件的web應用,相信大家會喜歡的!

 1. Mousetrap

  Mousetrap是一個超簡單的處理鍵盤快捷鍵的類庫,壓縮有隻有1.6kb大小,並且不依賴任何的外部類庫。你使用的主要就是繫結方法。它會幫助你繫結指定的鍵盤命令到一個callback方法中。並且擁有第三個引數來制定監聽的事件型別。 可以是keypress,keydown或者keyup。任何被空格分隔的key會被認為是連續的。如果你你連續的輸入key,最後一個輸入key會觸發callback。

  支援瀏覽器:

  • IE6+
  • Safari
  • Firefox
  • Chrome

 2. Jwerty

  jwerty是一個JS類庫幫助你針對元素和事件來繫結,觸發和宣告輸入鍵組合。它將難於使用的標準api生成更加清晰並且容易使用的格式。所有的jwerty事件都要求jwertycode。jwertycode可以以字串或者陣列傳遞,使用字串可能是最簡單的方式來生成組合。這個類庫非常小,壓縮後1.5kb,gzipped大概3kb。不依賴任何類庫。相容jQuery,zepto或者Ender。

 3. Keypress

  Keypress是一個輸入捕捉類庫,擁有一些特殊的特性。非常容易上手和使用,大概9kb,不依賴任何類庫。可以開發非常簡單或者高階的應用。這個類庫針對keyup和keydown擁有一些回撥函式。並且擁有選項來捕捉單次輸入或者其它。

 4. KeyboardJS

  keyboardjs是一個標準的JS類庫,處理鍵盤輸入幫助我們理解按鍵輸入並且生成行為。這個類庫支援簡單的組合按鍵並且支援不同LOCALE。針對press和release事件擁有回撥函式

 5. Keymaster.js

  Keymaster是一個簡單的迷你類庫,用來定義和生成web應用中的鍵盤快捷鍵。不依賴任何類庫。和其它類庫同時使用不會有任何衝突。

 6. Kibo

  Kibo是一個簡單的JS類庫,用來處理鍵盤事件。沒有任何依賴。Kibo的構建器擁有一個可選選項,一個用來定義事件控制程式碼的HTML元素。

 7. Keymage

  Keyimage是一個簡單的類庫,用來處理鍵盤繫結。書寫這個類庫的目的是沒有其它類庫支援整合所有的特性,並且方便大家書寫一個新的類庫。

 8. Keycode.js

  這個類庫標準化JS鍵盤碼以便支援瀏覽器相容。這個類庫支援key物件,這些物件是js物件,用來記錄鍵盤碼是否被其它操作修改。使用hot_key()接受類似的物件,並且返回一個適合jQuery hotkey外掛或者Binny VA's short.js類庫

 9. Open JS

  OpenJS允許你新增Keyboard快捷鍵到你的JS應用中

 10. JavaScript Shortcuts Library

  一個幫助你快速建立快捷鍵的類庫

  via codegeekz.

相關文章