通常在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

10个用来处理键盘事件的JQuery插件和JS类库相关推荐

  1. 43个处理触摸事件的jQuery插件

    随着移动端出现,Web上有很多问题出现,比如说触摸事件(Touch Event).随着问题的出现,总是有很多解决方案的.通过jQuery插件为移动端解决触摸事件.我想你知道一些jQuery插件,或许会 ...

  2. html正方形对话框素材,10种展示效果的弹出层对话框插件method.js

    一款10种展示效果的弹出层对话框插件method.js,可以点击演示页面的10个按钮分别查看不同的弹窗效果,基本上该有的弹窗特效都有了,喜欢的童鞋请收下吧. 查看演示 下载资源: 68 次 下载资源 ...

  3. html 在线排版控件,10个超级有用的HTML字体排版jQuery插件推荐

    从来没有人说过,网页排版是容易的,但是近些年来我们采用了网页字体后,排版工作变得容易得多,在这篇文章中您将看到,10个超级有用的HTML字体排版jQuery插件,这将有利于你在网页中设计和创造流畅的文 ...

  4. JS 进阶: 深入理解键盘事件 Keyboard Event

    JS 进阶: 深入理解键盘事件 Keyboard Event 文章目录 JS 进阶: 深入理解键盘事件 Keyboard Event 正文 1. 基础 API 2. 基础事件:keydown.keyu ...

  5. 10条建议让你创建更好的jQuery插件(转载)

    为了避免重复造轮子,自己手动开发jquery 插件,让小组其他成员可以直接使用.学习开发中,看到Phillip Senn 写的 关于jquery 插件开发注意10点,转载之! ------------ ...

  6. Selenium3 Python WebDriver API源码探析(10):动作链(ActionChains):鼠标事件和键盘事件

    鼠标.键盘事件是我们利用Selenium操控浏览器的重要交互手段,主要由selenium\webdriver\common\action_chains.py中的ActionChains类实现.该类通过 ...

  7. selenium+Python(鼠标和键盘事件)

    本篇总结了 web 页面常用的一些操作元素方法,可以统称为行为事件 有些 web 界面的选项菜单需要鼠标悬停在某个元素上才能显示出来(如百度页面的设置按钮). 1 简单操作 1.点击(鼠标左键)页面按 ...

  8. Python - selenium_WebDriver 鼠标键盘事件

    from selenium import webdriver #引入ActionChains类 提供了鼠标的操作方法 from selenium.webdriver.common.action_cha ...

  9. 使用中文输入法时对键盘事件的处理

    最近很久没有更新博客了,不是没有东西写,而是没有时间写.公司项目上事情比较多,又在工会谋了份差事:家里房子装修,尽管有老爸盯着,但很多时候还是要自己跑来跑去.所以有时候有了写博客的想法,却老是坐不下来 ...

最新文章

  1. 解决tomcat was unable to start within问题
  2. 一张照片生成积木的你!5个在校生2个月做的AI项目,李开复看了赞不绝口
  3. PyQt5 笔记4 -- 多线程
  4. 20道JS原理题助你面试一臂之力!
  5. Python、数据分析、机器学习、区块链大牛在偷偷看的9本书
  6. python自动抓取论文_用python抓取某期刊最近5年发表的所有文章的关键词和摘要...
  7. 计算机组成原理4位ALU运算器设计,计算机组成原理课程设计-alu设计和4位锁存器设计.doc...
  8. 官方揭晓iQOO 9正反面宣传照:挖孔直屏+巨型三摄相机模组
  9. 2017年12月计算机一级c,2017年12月计算机二级《C语言》强化模拟题(1)
  10. 案例1_公司简介(修改)
  11. 一种基于memcache或redis缓存架构的验证码
  12. oracle 9i、10g、11g、12c官方文档
  13. python选择法_新手小白如何学习Python 选对方法很重要(附教程)
  14. 如何使用MIME类型
  15. —— GPS测量原理及应用复习-7 ——
  16. 让Fireball CodeEditor控件支持中文
  17. 正则只保留括号里的内容
  18. 2021校招面经(网络方向)
  19. 初识HTML(五)进阶:CSS盒子模型、页面布局
  20. 汇编语言实现简单的人机问答

热门文章

  1. 矩阵加法(信息学奥赛一本通-T1124)
  2. noip2014到2017初赛提高组看程序写结果、完善程序
  3. linux suse 安装redis,suse 安装redis(示例代码)
  4. python画有权重网络图_使用Python的networkx绘制精美网络图教程
  5. 修改mysql用户家目录,Linux 更改MySQL目录
  6. java数组的用法_Java数组的使用
  7. K8S+KubeSphere之Helm安装
  8. CUDA peer to peer多GPU间内存copy技术
  9. eyoucms 入门必备
  10. layui弹框提示层:倒计时(layui-font-red颜色定义)