天天看点

20个优秀的 JavaScript 键盘事件处理库

您可能感兴趣的相关文章

<a href="http://www.cnblogs.com/lhb25/archive/2012/10/26/impressive-chrome-experiments.html" target="_blank">让人惊叹的 Chrome 浏览器实验项目</a>

<a href="http://www.cnblogs.com/lhb25/p/15-best-javascript-animation-libraries.html" target="_blank">10个最好的 JavaScript 动画库和开发框架</a>

<a href="http://www.cnblogs.com/lhb25/p/10-best-node-js-mvc-frameworks.html" target="_blank">全端必备!10个最好的 Node.js MVC 框架</a>

<a href="http://www.cnblogs.com/lhb25/p/tools-that-will-make-a-web-developers-life-easie.html" target="_blank">十款让 Web 前端开发人员更轻松的实用工具</a>

<a href="http://www.cnblogs.com/lhb25/archive/2011/08/09/awesome-html5-and-javascript-effects.html" target="_blank">8个惊艳的 HTML5 和 JavaScript 特效</a>

Keypress 是个有着许多特别功能的输入捕捉库,它非常容易使用,有个极小的脚本(约9kb),而且没有任何依赖。这个库支持所有主流的浏览器和操作系统,但是没在非英文的键盘上测试过。

20个优秀的 JavaScript 键盘事件处理库

Mousetrap 是个没有外部依赖的独立库,它最小约为 1.9kb,Mousetrap 非常容易扩展,只要页面中包括 Mousetrap 和需要扩展的 JavaScript 库就可以了。

Mousetrap支持的浏览器有: Internet Explorer 6+, Safari, Firefox 和 Chrome。

20个优秀的 JavaScript 键盘事件处理库

jQuery.Hotkeys 允许用户在源代码中添加或者删除各种键盘事件,几乎支持任何组合键。只需要一行代码就可以绑定或者解绑快捷键。支持(Win/Mac/Linux)平台上 的浏览器: IE 6/7/8, FF 1.5/2/3, Opera-9, Safari-3 and Chrome-0.2。

20个优秀的 JavaScript 键盘事件处理库
20个优秀的 JavaScript 键盘事件处理库
20个优秀的 JavaScript 键盘事件处理库

kbNav 可以很方便的使用键盘来进行用户友好的网站导航。kbNav 快捷键会出现在用户点击的对象中。用户可以很方便的找到想要使用的快捷键。用户可以使用网站开发一些无意识的快捷键和一些行为的关联,消除记忆快捷键和行 为的麻烦。kbNav 只需要点击相应的键盘,按 Enter 就可以生效,而且快捷键可以包含字每和数字,用户可以为每个行为都制作相应的快捷键。

20个优秀的 JavaScript 键盘事件处理库

Keymaster 可以在任何浏览器上定义 keyup 和 keydown 事件的快捷键。目前支持的浏览器有: IE (6+), Safari, Firefox 和 Chrome。

20个优秀的 JavaScript 键盘事件处理库

jwerty 是个 JS 库,允许用户绑定,启用和定义相关元素和世间的快捷键方式。它一般包括一些极小的标准 API ,非常容易使用和清除。它大小约为 1.5kb ,而且没有任何依赖项,同时又兼容 jQuery,Zepto 或者其他 。

20个优秀的 JavaScript 键盘事件处理库
20个优秀的 JavaScript 键盘事件处理库
20个优秀的 JavaScript 键盘事件处理库

keyboard.backbone.js 依赖于 domEvents.backbone.js,domEvents.backbone.js 又依赖于 jQuery 和 Backbone。keyboard.backbone.js 主要是依赖 domEvents 的 keyDown 和 keyUp(也叫做:key:down 和 key:up),所以如果用户想执行不一样的 key:press 需要另外一个不同的库。

20个优秀的 JavaScript 键盘事件处理库
20个优秀的 JavaScript 键盘事件处理库
20个优秀的 JavaScript 键盘事件处理库

UserKeyboardShortcuts 是重构了 mootools-more 提供的键盘类,提供给用户本地自定义的键盘快捷键,不需要用户做过多的操作。

用 户只需要用 Keyboard.addShortcuts ( Keyboard.Extras提供的 )来改变他们的快捷键。UserKeyboardShortcuts 使用 localStorage (对 cookie 失效)来存储用户所做的修改,当页面重新加载的时候恢复原状。  

20个优秀的 JavaScript 键盘事件处理库

okShortcut 包括两个方法: jQuery.shortcut.add 和 jQuery.shortcut.remove ,分别用来添加和删除快捷键绑定。两者都可以绑定组合键和进行回调。 jQuery.shortcut.add 可以选择接收一个选项 hash。

20个优秀的 JavaScript 键盘事件处理库

<a href="https://github.com/map7/jquery.beeline" target="_blank">jQuery Beeline</a>

20个优秀的 JavaScript 键盘事件处理库
20个优秀的 JavaScript 键盘事件处理库
20个优秀的 JavaScript 键盘事件处理库
20个优秀的 JavaScript 键盘事件处理库

Key.js 拥有 CommonJS 和 AMD 模块的支持,可以跟 require.js 或者其他模块加载器一起使用,目前支持的浏览器有: IE7+, Firefox 21+, Safari 6+ and Chrome 27+。

20个优秀的 JavaScript 键盘事件处理库

欣赏完这么多方便又惊艳的键盘事件处理工具,跟大家分享一下你的感受吧:)

<a href="http://www.cnblogs.com/lhb25/archive/2012/12/18/best-tools-for-web-development-a.html" target="_blank">2012年最佳 Web 前端开发工具和框架</a>

<a href="http://www.cnblogs.com/lhb25/archive/2011/10/09/10-online-tools-to-simplify-html5-coding.html" target="_blank">推荐10款非常优秀的 HTML5 开发工具</a>

<a href="http://www.cnblogs.com/lhb25/archive/2012/05/29/impressive-html5-canvas-experiments.html" target="_blank">20个惊艳的 HTML5 Canvas 应用试验</a>

<a href="http://www.cnblogs.com/lhb25/archive/2012/08/04/really-cool-and-creative-404-error-pages.html" target="_blank">让人惊叹的国外创意404错误页面设计</a>

<a href="http://www.cnblogs.com/lhb25/archive/2013/06/13/winning-examples-of-css-based-websites.html" target="_blank">经典网页设计:25个华丽的CSS网站作品</a>

欢迎任何形式的转载,但请务必注明出处。

继续阅读