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.
相關文章
- jquery鍵盤常見事件---jQuery事件
- JavaScript和JQuery的滑鼠mouse事件冒泡處理JavaScriptjQuery事件
- 一個日期處理類庫moment.jsJS
- vue-geventbus – 一個優雅的 Vue 全域性事件處理外掛Vue事件
- vue-geventbus - 一個優雅的 Vue 全域性事件處理外掛Vue事件
- jQuery的事件機制,事件物件介紹,外掛機制,多庫共存,each()jQuery事件物件
- 一個專業處理字串的IDEA外掛字串Idea
- js中獲取鍵盤事件JS事件
- cookie外掛-jquery.cookie.js介紹CookiejQueryJS
- 如果新增欄位是外來鍵,如何處理?
- 黑白影像處理的Ps外掛
- jQuery的外掛列表jQuery
- (VUE!jQuery!外掛!)盤點前端群的無腦回答VuejQuery前端
- three.js事件繫結外掛--onEventJS事件
- jQuery中的工具與外掛個人分享jQuery
- wordpress外掛上傳的失敗原因和處理方案
- 主鍵和外來鍵
- 【號外】6個最好用的Python影像處理庫!Python
- 基於jquery的外掛turn.js學習筆記jQueryJS筆記
- JQuery模板外掛-jquery.tmpljQuery
- 鍵盤事件事件
- 鍵盤亂鍵怎麼處理 電腦鍵盤按鍵錯亂
- 用的較為舒服的時間外掛jQuery DateTimePickerjQuery
- vscode外掛導致c盤記憶體高電腦變卡的處理方式,更換vscode外掛位置VSCode記憶體
- 事件分發和處理事件
- W3C的事件處理和IE的事件處理有哪些區別?事件
- JQuery蜂巢圖外掛jQuery
- jquery文字動畫特效外掛分享animatext.js文件jQuery動畫特效JS
- React.js 實戰之 事件處理ReactJS事件
- Gradle構建springboot專案的倉庫處理(包括外掛倉庫以及依賴倉庫)GradleSpring Boot
- captcha.js一個生成驗證碼的外掛,使用js和canvas生成APTJSCanvas
- 滑鼠、鍵盤事件事件
- 新的主鍵和外來鍵的語法
- w10觸控鍵盤無法開啟怎麼處理_win10電腦觸控鍵盤顯示不出來如何恢復Win10
- js 外掛JS
- jquery寫的ajax分頁外掛jQuery
- 10個用於開發Spring Boot的最佳Eclipse外掛Spring BootEclipse
- jQuery外掛擴充套件jQuery套件
- jQuery擴充套件外掛jQuery套件