一个特别不错的jQuery快捷键插件:js-hotkeys

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

 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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏九彩拼盘的叨叨叨

元素的垂直居中的方法

863
来自专栏.Net移动开发

.Net语言 APP开发平台——Smobiler学习日志:如何设置页面的title

其中包括Image属性(窗体图标)、BackColor属性(窗口标题栏背景色)、TextColor属性(窗口标题栏文本颜色)和TextAlign属性(窗体标题栏...

985
来自专栏跟着阿笨一起玩NET

html打印表格每页都有的表头和打印分页

本文转载:http://www.cnblogs.com/RitchieChen/archive/2008/07/30/1256829.html

5311
来自专栏前端技术总结

CSS自定义滚动条的样式

本文会介绍CSS滚动条选择器,并在演示中展示如何在Webkit的内核浏览器和IE浏览器中,自定义一个横向以及一个纵向的滚动条。

2.1K67
来自专栏一个小程序员的成长笔记

CSS3弹性盒布局

使用自适应的窗口弹性盒布局 可以使div总宽度等于浏览器宽度,而且可以随着浏览器的改变而改变。 1 <!DOCTYPE html> 2 <html la...

5547
来自专栏一“技”之长

标签之美四——为网页添加绚丽多彩的图像 原

这里图片路径的写法和本地超链接的写法是一样的,可以参考上一篇博客中关于本地路径的地方:http://my.oschina.net/u/2340880/blog/...

983
来自专栏木子昭的博客

css布局-实现左中右布局的5种方式

? <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ...

3718
来自专栏Java后端技术

HTML标记语法之图片Img元素

1391
来自专栏前端知识分享

第48天:垂直滚动条

921
来自专栏小壮和前端

键盘事件 和键码

1821

扫码关注云+社区

领取腾讯云代金券