这其实不是什么新技术,这个插件在很早前就已经发布了,之前有项目用到,所以分享出来
添加方式的例子

 jQuery.hotkeys.add('esc',function (){
//执行函数
});
jQuery.hotkeys.add('Ctrl+a',function (){
//执行函数
});

支持的快捷键如下:(注意使用时避开浏览器默认的一些快捷键:如ctrl+s)

PS:懒得引JS了,支持下面的这些快捷键,想用的小伙伴自己可以测试一下哦!

一个jQuery的热键(快捷键)的插件,可以让你很方便的添加、移除键盘事件,真的是很方便。具体请看:
about – js-hotkeys – Google Code
http://code.google.com/p/js-hotkeys/wiki/about

下面是DEMO:

 

Special Keys

esc
tab
space
return
backspace
scroll
capslock
numlock
pause
insert
home
del
end
pageup
pagedown
left
up
right
down
f1
f2
f3
f4
f5
f6
f7
f8
f9
f10
f11
f12
 

A-Z Letters

a
b
c
d
e
f
g
h
i
j
k
l
m
n
o
p
q
r
s
t
u
v
w
x
y
z
 

Special Modifiers

 

Ctrl

Ctrl+a
Ctrl+b
Ctrl+c
Ctrl+d
Ctrl+e
Ctrl+f
Ctrl+g
Ctrl+h
Ctrl+i
Ctrl+j
Ctrl+k
Ctrl+l
Ctrl+m
Ctrl+n
Ctrl+o
Ctrl+p
Ctrl+q
Ctrl+r
Ctrl+s
Ctrl+t
Ctrl+u
Ctrl+v
Ctrl+w
Ctrl+x
Ctrl+y
Ctrl+z
 

Shift

Shift+a
Shift+b
Shift+c
Shift+d
Shift+e
Shift+f
Shift+g
Shift+h
Shift+i
Shift+j
Shift+k
Shift+l
Shift+m
Shift+n
Shift+o
Shift+p
Shift+q
Shift+r
Shift+s
Shift+t
Shift+u
Shift+v
Shift+w
Shift+x
Shift+y
Shift+z
 

Alt

Alt+a
Alt+b
Alt+c
Alt+d
Alt+e
Alt+f
Alt+g
Alt+h
Alt+i
Alt+j
Alt+k
Alt+l
Alt+m
Alt+n
Alt+o
Alt+p
Alt+q
Alt+r
Alt+s
Alt+t
Alt+u
Alt+v
Alt+w
Alt+x
Alt+y
Alt+z
 

Special Modifiers + Special Keys

 

Ctrl

Ctrl+esc
Ctrl+tab
Ctrl+space
Ctrl+return
Ctrl+backspace
Ctrl+scroll
Ctrl+capslock
Ctrl+numlock
Ctrl+pause
Ctrl+insert
Ctrl+home
Ctrl+del
Ctrl+end
Ctrl+pageup
Ctrl+pagedown
Ctrl+left
Ctrl+up
Ctrl+right
Ctrl+down
Ctrl+f1
Ctrl+f2
Ctrl+f3
Ctrl+f4
Ctrl+f5
Ctrl+f6
Ctrl+f7
Ctrl+f8
Ctrl+f9
Ctrl+f10
Ctrl+f11
Ctrl+f12
 

Shift

Shift+esc
Shift+tab
Shift+space
Shift+return
Shift+backspace
Shift+scroll
Shift+capslock
Shift+numlock
Shift+pause
Shift+insert
Shift+home
Shift+del
Shift+end
Shift+pageup
Shift+pagedown
Shift+left
Shift+up
Shift+right
Shift+down
Shift+f1
Shift+f2
Shift+f3
Shift+f4
Shift+f5
Shift+f6
Shift+f7
Shift+f8
Shift+f9
Shift+f10
Shift+f11
Shift+f12
 

Alt

Alt+esc
Alt+tab
Alt+space
Alt+return
Alt+backspace
Alt+scroll
Alt+capslock
Alt+numlock
Alt+pause
Alt+insert
Alt+home
Alt+del
Alt+end
Alt+pageup
Alt+ pagedown
Alt+left
Alt+up
Alt+right
Alt+ down
Alt+f1
Alt+f2
Alt+f3
Alt+f4
Alt+f5
Alt+f6
Alt+f7
Alt+f8
Alt+f9
Alt+f10
Alt+f11
Alt+f12
 
 
 

一个特别不错的jQuery快捷键插件:js-hotkeys的更多相关文章

  1. 一个非常棒的jQuery 评分插件--好东西要分享

    现在做网页已经不仅限于实现功能了,更多的是要实现功能的同时追求更加美观的实现.比如页面上让用户评分的功能,你完全可以放5个RdioButton让用户选择分数,也可以用DropDownList来实现,但 ...

  2. 一款不错的jQuery分页插件--pagination

    一.前言: 分页功能在项目中时常用到,一款可以快速实现分页功能的插件非常有必要,pagination--这款插件功能非常完美,几乎我所有项目中使用到分页的地方都会第一时间考虑到这个插件,但是其实有能力 ...

  3. 不错的jQuery图表插件 .

    很多时候我们需要在网页中显示数据统计报表,从而能很直观地了解数据的走向,更好地帮助决策分析.今天就给大家分享几个个人觉得好用的jQuery图表插件,这几个图表插件使用起来非常方便,而且挺灵活的,相信大 ...

  4. [JQuery插件系列]-强烈推荐10个非常不错的jQuery工具提示插件

    个非常酷的 jQuery 工具提示(Tooltip)插件,希望大家能喜欢. 1. Pop! 使用 Pop!可以创建简单的下拉菜单!这是一个并不引人注目的 jQuery 插件. 2. BetterTip ...

  5. 一个功能丰富的 jQuery 树形插件 z-tree

    链接 如果你的树 很复杂, 需要拖拽功能, 还可以考虑用这个 另外还有一个目前在用 Dynatree 如果一般的树, 还是自己写一个, 也很轻松,    如果有一两个复杂的点, 可以参考ZTree

  6. C# 一个特别不错的http请求类

    using System; using System.Collections; using System.Collections.Generic; using System.Collections.S ...

  7. 移动开发必备!15款jQuery Mobile插件

    移动互联网的发展,来自PC端的网页并不能完全自适应移动端页面需求,使得响应式设计体验产生并成为潮流,也正是这样一种需求,促成了jQuery Mobile的流行.jQuery Mobile这样一款基于j ...

  8. 分享在MVC3.0中使用jQuery DataTable 插件

    前不久在网络上看见一个很不错的jQuery的DataTable表格插件.后来发现在MVC中使用该插件的文章并不多.本文将介绍在MVC3.0如何使用该插件.在介绍该插件之前先简单介绍一下,推荐该插件的原 ...

  9. Skippr – 轻量、快速的 jQuery 幻灯片插件

    Skippr 是一个超级简单的 jQuery 幻灯片插件.只是包括你的网页中引入 jquery.skippr.css 和 jquery.skippr.js 文件就能使用了.Skippr 能够自适应窗口 ...

随机推荐

  1. maven项目导入报错

    极大可能是仓库设置问题

  2. (Array) 一个 N*N 的矩阵,每一行从左到右有序,每一列从上到下有序,都是递增,写个程序,判断一个数是否在矩阵中。

    int search(int d[N][N], int key) { int i1, i2, j1, j2; i1 = j1 = 0; i2 = j2 = N-1; while(i1 < i2 ...

  3. android小细节

    1.资源包图片尽量控制在50k以内,否则可能读取失败 2.资源图片建议使用png格式,此格式在android系统上支持最好.对于jpeg和gif格式的图片,在android4.0以后版本,通过系统自缩 ...

  4. (转)C# MD5

    本文原地址:http://blog.csdn.net/zhoufoxcn/article/details/1497099 作者:周公 代码如下: using System; using System. ...

  5. sqlite报错OutOfMemory

    如 java.sql.SQLException: out of memory at org.sqlite.DB.throwex(DB.java:252) at org.sqlite.NestedDB. ...

  6. Oracle Profile 使用详解--zhuanzai

    一.目的: Oracle系统中的profile可以用来对用户所能使用的数据库资源进行限制,使用Create Profile命令创建一个Profile,用它来实现对数据库资源的限制使用,如果把该prof ...

  7. js面向过程改写成面向对象--通用方法

    响亮的标题:一个万能的,保底的.面向过程改写成面向对象的方法 前提朗读:很多刚接触js面向对象的时候都不知道如何能快速的写出一个面向对象的程序,这个是必然的现象,不是每一位学js的一上来就会写面向对象 ...

  8. 零基础如何入门Python

    编程零基础如何学习Python 如果你是零基础,注意是零基础,想入门编程的话,我推荐你学Python.虽然国内基本上是以C语言作为入门教学,但在麻省理工等国外大学都是以Python作为编程入门教学的. ...

  9. Android开发-API指南-系统权限

    System Permissions 英文原文:http://developer.android.com/guide/topics/security/permissions.html 采集日期:201 ...

  10. 慕课网-安卓工程师初养成-1-5 使用Eclipse开发Java程序

    来源: http://www.imooc.com/video/1412 eclipse --- IDE 集成开发环境(IDE)是一类软件 将程序开发环境和程序调试环境集合在一起,提高开发效率 其他ID ...