10個用來處理鍵盤事件的JQuery外掛和JS類庫
通常在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.
相關文章
- 20個優秀的JavaScript 鍵盤事件處理庫JavaScript事件
- 推薦1個jQuery螢幕鍵盤外掛jQuery
- 20 個用於處理頁面滾動效果的 jQuery 外掛jQuery
- 15個實用的HTML5、JS工具和jQuery外掛HTMLJSjQuery
- AngularJs 鍵盤事件和滑鼠事件AngularJS事件
- 盤點十個超炫的jQuery外掛jQuery
- 10個很棒的 jQuery 外掛和製作教程jQuery
- 10個超實用jquery外掛資源jQuery
- jquery鍵盤常見事件---jQuery事件
- Oracle 外來鍵的級聯處理Oracle
- jQuery 事件(一) 滑鼠與鍵盤事件jQuery事件
- 5款好用的開源JS圖片裁剪外掛(3個jQuery外掛,2個AngularJS外掛)JSjQueryAngular
- js中的鍵盤事件JS事件
- 10個最好的 jQuery 視訊外掛jQuery
- JS時間處理外掛MomentJSJS
- JavaScript和JQuery的滑鼠mouse事件冒泡處理JavaScriptjQuery事件
- vue-geventbus – 一個優雅的 Vue 全域性事件處理外掛Vue事件
- vue-geventbus - 一個優雅的 Vue 全域性事件處理外掛Vue事件
- 8個超實用的jQuery外掛應用jQuery
- 15個超級實用的jQuery外掛jQuery
- 10 個讓人驚訝的 jQuery 外掛jQuery
- 推薦10個不錯的jQuery外掛jQuery
- 10個剛出爐的jQuery特效外掛jQuery特效
- 建立更好jQuery外掛的10個建議jQuery
- 分享10個最好的jQuery表單外掛jQuery
- 15 個用於佈局和 UI 增強的 jQuery 外掛UIjQuery
- 一個日期處理類庫moment.jsJS
- Oracle外來鍵約束中NULL的處理OracleNull
- jQuery的事件機制,事件物件介紹,外掛機制,多庫共存,each()jQuery事件物件
- 10 個 jQuery 圖表外掛推薦jQuery
- 處理鍵盤通知
- ZYKeyboardUtil 全自動處理鍵盤遮擋事件事件
- Jquery多個外掛演示和原始碼jQuery原始碼
- 用Jquery寫tab外掛(支援點選和移動及其他事件)薦jQuery事件
- jQuery右鍵選單外掛jQuery ContextMenujQueryContext
- 表外來鍵未加索引之處理索引
- JS事件處理JS事件
- 編寫優秀 jQuery 外掛的10個技巧jQuery