20个优秀的JavaScript 键盘事件处理库
键盘事件是 Web 开发中最常用的事件之一,通过对键盘事件的捕获和处理可以提高网站的易用性和交互体验。下面,我们向大家介绍收集的20款优秀的 JavaScript 键盘事件处理库,帮助开发人员轻松处理各种键盘事件,赶紧收藏吧!
Keypress
Keypress 是个有着许多特别功能的输入捕捉库,它非常容易使用,有个极小的脚本(约9kb),而且没有任何依赖。这个库支持所有主流的浏览器和操作系统,但是没在非英文的键盘上测试过。
Mousetrap
Mousetrap 是个没有外部依赖的独立库,它最小约为 1.9kb,Mousetrap 非常容易扩展,只要页面中包括 Mousetrap 和需要扩展的 JavaScript 库就可以了。
Mousetrap支持的浏览器有: Internet Explorer 6+, Safari, Firefox 和 Chrome。
jQuery Hotkeys
jQuery.Hotkeys 允许用户在源代码中添加或者删除各种键盘事件,几乎支持任何组合键。只需要一行代码就可以绑定或者解绑快捷键。支持(Win/Mac/Linux)平台上 的浏览器: IE 6/7/8, FF 1.5/2/3, Opera-9, Safari-3 and Chrome-0.2。
Keymage
Keymage 是用 JavaScript 实现的极小的处理快捷键绑定的库,它没有任何的依赖项,非常容易扩展,用户很容易就能使用它开发一个新的库。
KeyboardJS
KeyboardJS 是个 JavaScript 库,用来绑定键盘组合键,不会有任何的键盘代码和键盘组合键冲突。它可以作为一个独立的库也可以作为一个 AMD 模块。它支持单一快捷键或者组合键,可以在任何地方使用。
kbNav
kbNav 可以很方便的使用键盘来进行用户友好的网站导航。kbNav 快捷键会出现在用户点击的对象中。用户可以很方便的找到想要使用的快捷键。用户可以使用网站开发一些无意识的快捷键和一些行为的关联,消除记忆快捷键和行 为的麻烦。kbNav 只需要点击相应的键盘,按 Enter 就可以生效,而且快捷键可以包含字每和数字,用户可以为每个行为都制作相应的快捷键。
Keymaster.js
Keymaster 是个简单的微型库,用来定义和分配 web 应用的各种快捷键。Keymaster 没有任何依赖项,可以完全独立使用。它支持任何的 JavaScript 库或者是框架。 Keymaster 可以在任何浏览器上定义 keyup 和 keydown 事件的快捷键。目前支持的浏览器有: IE (6+), Safari, Firefox 和 Chrome。
Jwerty
jwerty 是个 JS 库,允许用户绑定,启用和定义相关元素和世间的快捷键方式。它一般包括一些极小的标准 API ,非常容易使用和清除。它大小约为 1.5kb ,而且没有任何依赖项,同时又兼容 jQuery,Zepto 或者其他 。
KeyCode.js
KeyCode.js 是个跨浏览器的 JavaScript 常规键盘快捷键库。这个库围绕键盘对象来运行,还有一些 { Int code, bool shift, bool alt, bool ctrl } JavaScript 对象,记录用户按下的键盘对象。translate_event() 方法会返回其中一个对象; hot_key() 获取其中一个然后返回一个符合 JQuery HotKey 插件或者 Binny V A's shortcut.js 库的字符串。
Handling Keyboard Shortcuts in JavaScript
使用这个库,用户可以添加键盘快捷键到 JavaScript 应用中,它支持Mac 的 Meta Key,但是目前只是测试版,需要小心使用。
keyboard.backbone.js
keyboard.backbone.js 依赖于 domEvents.backbone.js,domEvents.backbone.js 又依赖于 jQuery 和 Backbone。keyboard.backbone.js 主要是依赖 domEvents 的 keyDown 和 keyUp(也叫做:key:down 和 key:up),所以如果用户想执行不一样的 key:press 需要另外一个不同的库。
Kibo
Kibo 是个简单的 JavaScript 库,用来处理各种键盘事件,没有任何依赖,而且完全开源。
JavaScript Shortcuts Library
这是个令人印象深刻,而且又容易使用的 JavaScript 快捷键库,可以处理各种键盘事件。
User Keyboard Shortcuts
UserKeyboardShortcuts 是重构了 mootools-more 提供的键盘类,提供给用户本地自定义的键盘快捷键,不需要用户做过多的操作。
用户只需要用Keyboard.addShortcuts ( Keyboard.Extras提供的 )来改变他们的快捷键。UserKeyboardShortcuts 使用 localStorage (对 cookie 失效)来存储用户所做的修改,当页面重新加载的时候恢复原状。
okShortcut
okShortcut 包括两个方法: jQuery.shortcut.add 和 jQuery.shortcut.remove ,分别用来添加和删除快捷键绑定。两者都可以绑定组合键和进行回调。jQuery.shortcut.add 可以选择接收一个选项 hash。
jQuery Beeline
Beeline 是用最直接的方式去绑定快捷键,为 Web 应用提供键盘导航。它是基于 jQuery Hotkeys.。
jQuery Shortcuts
jQuery Shortcuts 是个超轻量级的方法,使用 jQuery 来绑定快捷键(热键)。
KEY-BOARD-SHORT-CUTS
key-board-short-cuts 是用 JavaScript 实现的简单键盘快捷键示例,它不是一个复杂的 JavaScript 绑定事件。绑定快捷键之后所有的行为都需要开发者自己去自定义。
jKey
jKey 是另一个非常有用的 JavaScript 快捷键库,用来处理键盘事件。它使用 jQuery,所以可以选择任何可用的元素来设置快捷键命令。基本上,任何元素,比如一个输入框或者文本框,都会有一款适用的快捷键命令。
Keys.js
Keys.js 是个卓越的浏览器应用快捷键绑定工具,它可以使用 localStorage 来进行序列化持久性绑定,或者上传到服务器中,对用户的 Web 应用进行个性化设置。使用相同的 API 就可以很方便的反序列化。
Key.js 拥有 CommonJS 和 AMD 模块的支持,可以跟 require.js 或者其他模块加载器一起使用,目前支持的浏览器有: IE7+, Firefox 21+, Safari 6+ and Chrome 27+。
欣赏完这么多方便又惊艳的键盘事件处理工具,跟大家分享一下你的感受吧:)
转载于:https://www.cnblogs.com/xiaochao12345/p/3668036.html
20个优秀的JavaScript 键盘事件处理库相关推荐
- JavaScript 键盘事件处理
键盘事件是 Web 开发中最常用的事件之一,通过对键盘事件的捕获和处理可以提高网站的易用性和交互体验.下面,我们向大家介绍收集的20款优秀的 JavaScript 键盘事件处理库,帮助开发人员轻松处理 ...
- 10个优秀的Javascript的音频库
Web和Web浏览器在过去几年取得了快速的进步,这些进步与新技术通常被认识是HTML5达到的惊人的成果.然而,在这些新技术中,音频任然是不足的.尽管谷歌开了WEB音频API,使我们上网得到方便,但是只 ...
- 推荐10款优秀的JavaScript Web UI库 框架和套件
在进行Web开发时,并非所有的库都适合你的项目,但真正开发的时候,你任然需要依赖一款UI框架.特别在你时间紧迫的时候,它是你忠实的朋友. 他们都是些广泛使用包含不同语言实现的WEB UI框架.今天我就 ...
- 十大热门的 JavaScript 框架和库
JavaScript 框架和库可以说是开源项目中最庞大也是最累的类目了,目前在github 上这一类的项目是最多的,并且几乎每隔一段时间就会出现一个新的项目席卷网络社区,虽然这样推动了创新的发展,但不 ...
- 精心挑选12款优秀的 JavaScript 日历和时间选择插件
今天这篇文章向大家分享12款精心挑选的优秀 JavaScript 日历和时间选择插件,都带有详细的使用教程和效果演示.这些插件能够帮助 Web 开发人员更快速的实现各种精美的日历和时间选择效果.同时推 ...
- 】20款优秀的移动产品原型和线框图设计工具
[辅助工具]20款优秀的移动产品原型和线框图设计工具 发布于:2013-04-08 12:10阅读数:59002 线框图(Wireframe)是app.软件或者网站设计过程中非常重要的一个环节,它可以 ...
- 一款优秀的JavaScript框架—AngularJS
AngularJS简介 AngularJS诞生于2009年,由Misko Hevery 等人创建,后为Google所收购.是一款优秀的前端JS框架,已经被用于Google的多款产品当中.Angular ...
- 20 款优秀的数据可视化工具,总有一款你用的到!
今天给大家分享20款优秀的数据可视化工具,欢迎收藏! /01/ 入门级工具 01 Excel Excel的图形化功能并不强大,但Excel却是分析数据的理想工具,上图是Excel生成的热力地图. 作为 ...
- “非常有用”的JavaScript 和 CSS 库插件推荐
在前端开发过程中,高质量的网页设计需要直观和用户友好的界面,而且屏幕上的元素也起着非常重要的作用.Web 设计师不断地寻找优秀代码的集合,希望能提升工作效率.但找到合适的工具库并不总是那么容易的. 以 ...
最新文章
- 将C#编译为javascript
- python零基础能学吗 知乎-Python零基础学习能学好吗?老男孩Python面授班
- php程序网站整站301,织梦dede怎么实现整站301
- 用ssh远程登录服务器时,怎么直接以root用户登录?(需要修改配置,如果不想修改,可以先用普通用户登录再su切换到root用户)
- 爬虫必须得会的Web知识
- BeetleX使用bootstrap5开发SPA应用
- 调试实战 | 通过转储文件分析程序无响应之使用 windbg + IDA 逆向篇
- python rpa_(RPA学习)Python 之 Pathlib 模块
- python链表值讲解_python数据结构之链表的实例讲解
- 4地形编辑插件_UE4建模插件用法
- three.js 中的矩阵变换及两种旋转表达方式
- ctbs 应用服务器,CTBS服务器配置方案-高级版
- 关于42步进电机驱动——基于STM32 HAL库实现
- Mac腾讯会议没声音
- C语言函数题-输入多个单词,统计以指定字母开头的单词个数
- 社区社群运营,如何打造火爆营销的方法?
- 用python画一只可爱的皮卡丘
- Java校招面经_小米java校招面经,面试题整理(一面)
- MySQL While循环语句
- 时间、日期的一些用法