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

 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. Oracle中的多表查询

    多表查询 l 笛卡尔积: N*M l 使用关联字段消除笛卡尔积的多余数据: SELECT EMP.*,DEPT.DNAME,DEPT.LOC FROM EMP, DEPT WHERE EMP.DEPT ...

  2. 怎么在logcat中显示system.com.print中的打印信息

    在logcat中显示信息可以用Log.v() Log.d() Log.i() Log.w() 以及 Log.e() 1.Log.v 的调试颜色为黑色的,任何消息都会输出: 2.Log.d的输出颜色是蓝 ...

  3. archlinux log 文件查看

    # pacman -S gnome-system-log gnome-logsextra/gnome-logs 3.12.1-1 (gnome-extra) A log viewer for the ...

  4. 在解决方案中所使用 NuGet 管理软件包依赖

    使用程序包恢复功能可以在提交源代码时, 不需要将代码库提交到源代码管理中,大幅减少项目的尺寸.所有NuGet程序包都存储在解决方案的Packages文件夹中. 要启用程序包恢复功能,可右键单击解决方案 ...

  5. MFC学习 序列化

    void CArchiveView::OnWrite() { // Archive就是可序列化的类, 要头文件中DECLARE_DYNCREATE(CArchiveDoc) // 重写 virtual ...

  6. HTTP权威指南----缓存

    缓存的处理步骤: 1.接收----缓存从网络中读取抵达的请求报文2.解析----缓存对报文进行解析,提取出URL和各种首部3.查询----缓存查看是否有本地副本可用,如果没有,就获取一份副本(并将其保 ...

  7. SICP 换零钱的迭代版本

    看到换零钱方式统计这里, 书中给出了递归的实现但没有给出迭代版本说要留给读者作为挑战, 既然说是作为挑战那肯定是能解决的,在想了一天无果之后最终在别人博客的帮助下终于实现了迭代的版本...也算是经历坎 ...

  8. APP完整的启动流程

    0.加载+load方法 1.执行Main函数 2.执行UIApplicationMain函数. 3.创建UIApplication对象,并设置UIApplicationMain对象的代理.UIAppl ...

  9. Jquery 对象与 DOM对象的相互转换

    在做 web 开发时,经常会用到 jquery 和 dom 对象, 有时候需要在这两个对象间进行切换. Jquery 对象 就是通过jQuery包装DOM对象后产生的对象.jQuery对象是jQuer ...

  10. 查看linux占用内存/CPU最多的进程

    可以使用一下命令查使用内存最多的10个进程 ps -aux | sort -k4nr | head -n 10 可以使用一下命令查使用CPU最多的10个进程 ps -aux | sort -k3nr ...