通常在web應用或者網站中,我們使用鼠標來控制元素或者執行導航,相對于桌面應用來說,使用web應用的快捷鍵次數可能會相對比較少,但是對于熟 練的專業人員來說,使用鍵盤可能更加容易并且更加快速,在今天這篇文章中,我們收集了10個jQuery的插件,幫助你創建各種基于鍵盤事件的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.
來源: http://www.gbtags.com/gb/share/2612.htm
?
?
更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索:z360901061

微信掃一掃加我為好友
QQ號聯系: 360901061
您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對您有幫助就好】元
