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

 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中常用操作

    查看表中的字段名和类型 SELECT column_name,DATA_TYPE FROM cols WHERE TABLE_NAME=upper('tableName') ORDER BY COLU ...

  2. angularJs编写多指令的情况

    本实例主要展示controller和link参数的使用.以及多个指令同时作用的情况. <!DOCTYPE html> <html ng-app="myModule" ...

  3. java边界布局管理器

    public class BorderLayoutPosition extends JFrame{        String[] border={BorderLayout.CENTER,Border ...

  4. Qt编译安装后中文无法显示问题

    闲的蛋疼,把Ubuntu删了,再装10.04的时候,QT编译后运行自己的程序已经不能显示中文了,只能显示英文,字体贼丑... 想了各种办法,都没解决.. 最后:终于搞定: apt-get instal ...

  5. JAVA GUI之CardLayout

    package refNet; import java.awt.*; import java.awt.event.*; import javax.swing.*; public class CardL ...

  6. 翻译:Knockout 快速上手 - 3: knockoutJS 快速上手

    许多时候,学会一种技术的有效方式就是使用它解决实际中的问题.在这一节,我们将学习使用 Knockout 来创建一个常见的应用,库存管理应用. 应用概览 在创建我们的应用之前,我们需要一个公司,来理解应 ...

  7. 树状数组POJ2352星星

    http://poj.org/problem?id=2352 这道题的题意对于住学者应该比较难理解,但是如果弄明白他的意思的话,你就会发现这就是赤裸裸的树状数组,哎,欺负我不懂是吧,当时读题读啦好久, ...

  8. C++ 之旅:前言

    日前,拿起了C++教材开始学习. 在大学二年级的时候,其实C++已经是我们的必修课程.然而,那时的我刚从C语言的噩梦中逃出来,对C++也不甚喜爱.刚接触编程的我当时实在无法理解譬如下面这段 int x ...

  9. SQL必知必会笔记(1)

    去SQL AXDB 中Query数据 Open the SQL > Connect > Select AXDB > new Query select REFID, ITEMID, R ...

  10. GitHub指南

    1.创建新仓库 #创建新文件夹,打开,然后执行 git init #以创建新的 git 仓库. 2.检出仓库 #执行如下命令以创建一个本地仓库的克隆版本: git clone /path/to/rep ...