10个用来处理键盘事件的JQuery插件和JS类库
通常在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类库相关推荐
- 43个处理触摸事件的jQuery插件
随着移动端出现,Web上有很多问题出现,比如说触摸事件(Touch Event).随着问题的出现,总是有很多解决方案的.通过jQuery插件为移动端解决触摸事件.我想你知道一些jQuery插件,或许会 ...
- html正方形对话框素材,10种展示效果的弹出层对话框插件method.js
一款10种展示效果的弹出层对话框插件method.js,可以点击演示页面的10个按钮分别查看不同的弹窗效果,基本上该有的弹窗特效都有了,喜欢的童鞋请收下吧. 查看演示 下载资源: 68 次 下载资源 ...
- html 在线排版控件,10个超级有用的HTML字体排版jQuery插件推荐
从来没有人说过,网页排版是容易的,但是近些年来我们采用了网页字体后,排版工作变得容易得多,在这篇文章中您将看到,10个超级有用的HTML字体排版jQuery插件,这将有利于你在网页中设计和创造流畅的文 ...
- JS 进阶: 深入理解键盘事件 Keyboard Event
JS 进阶: 深入理解键盘事件 Keyboard Event 文章目录 JS 进阶: 深入理解键盘事件 Keyboard Event 正文 1. 基础 API 2. 基础事件:keydown.keyu ...
- 10条建议让你创建更好的jQuery插件(转载)
为了避免重复造轮子,自己手动开发jquery 插件,让小组其他成员可以直接使用.学习开发中,看到Phillip Senn 写的 关于jquery 插件开发注意10点,转载之! ------------ ...
- Selenium3 Python WebDriver API源码探析(10):动作链(ActionChains):鼠标事件和键盘事件
鼠标.键盘事件是我们利用Selenium操控浏览器的重要交互手段,主要由selenium\webdriver\common\action_chains.py中的ActionChains类实现.该类通过 ...
- selenium+Python(鼠标和键盘事件)
本篇总结了 web 页面常用的一些操作元素方法,可以统称为行为事件 有些 web 界面的选项菜单需要鼠标悬停在某个元素上才能显示出来(如百度页面的设置按钮). 1 简单操作 1.点击(鼠标左键)页面按 ...
- Python - selenium_WebDriver 鼠标键盘事件
from selenium import webdriver #引入ActionChains类 提供了鼠标的操作方法 from selenium.webdriver.common.action_cha ...
- 使用中文输入法时对键盘事件的处理
最近很久没有更新博客了,不是没有东西写,而是没有时间写.公司项目上事情比较多,又在工会谋了份差事:家里房子装修,尽管有老爸盯着,但很多时候还是要自己跑来跑去.所以有时候有了写博客的想法,却老是坐不下来 ...
最新文章
- 解决tomcat was unable to start within问题
- 一张照片生成积木的你!5个在校生2个月做的AI项目,李开复看了赞不绝口
- PyQt5 笔记4 -- 多线程
- 20道JS原理题助你面试一臂之力!
- Python、数据分析、机器学习、区块链大牛在偷偷看的9本书
- python自动抓取论文_用python抓取某期刊最近5年发表的所有文章的关键词和摘要...
- 计算机组成原理4位ALU运算器设计,计算机组成原理课程设计-alu设计和4位锁存器设计.doc...
- 官方揭晓iQOO 9正反面宣传照:挖孔直屏+巨型三摄相机模组
- 2017年12月计算机一级c,2017年12月计算机二级《C语言》强化模拟题(1)
- 案例1_公司简介(修改)
- 一种基于memcache或redis缓存架构的验证码
- oracle 9i、10g、11g、12c官方文档
- python选择法_新手小白如何学习Python 选对方法很重要(附教程)
- 如何使用MIME类型
- —— GPS测量原理及应用复习-7 ——
- 让Fireball CodeEditor控件支持中文
- 正则只保留括号里的内容
- 2021校招面经(网络方向)
- 初识HTML(五)进阶:CSS盒子模型、页面布局
- 汇编语言实现简单的人机问答
热门文章
- 矩阵加法(信息学奥赛一本通-T1124)
- noip2014到2017初赛提高组看程序写结果、完善程序
- linux suse 安装redis,suse 安装redis(示例代码)
- python画有权重网络图_使用Python的networkx绘制精美网络图教程
- 修改mysql用户家目录,Linux 更改MySQL目录
- java数组的用法_Java数组的使用
- K8S+KubeSphere之Helm安装
- CUDA peer to peer多GPU间内存copy技术
- eyoucms 入门必备
- layui弹框提示层:倒计时(layui-font-red颜色定义)