一个特别不错的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

时间: 2024-10-09 18:58:53

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

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

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

一个特别不错的http请求类

using System; using System.Collections; using System.Collections.Generic; using System.Collections.Specialized; using System.IO; using System.IO.Compression; using System.Linq; using System.Net; using System.Net.Security; using System.Security.Crypto

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

前不久在网络上看见一个很不错的jQuery的DataTable表格插件.后来发现在MVC中使用该插件的文章并不多.本文将介绍在MVC3.0如何使用该插件.在介绍该插件之前先简单介绍一下,推荐该插件的原因.在项目中我使用jqgrid比较多.但是发现当进行样式调整时jqgrid的样式常常会让美工头疼.而datatable插件却是一个轻量级的jQuery插件.当我通过浏览器查看该js插件rander后的源码.发现只是一个简单的html table,非常简洁.那么在没有特殊要求的情况下使用这个插件,开发

编写jquery常用插件的基本格式

写jquery插件需要明白的那些知识点 1.jquery中$是神马?$.fn又是神马? 稍微有jquery经验的都知道在jquery中$等价于jQuery,在控制台一试便知: 我们在jquery(1.8.3)源码中也能找到下面代码: 其实在jquery中$就是一个函数function,当我们执行$()时会得到一个jquery对象,得到的jquery对象的类型是object类型,而不是数组.除此之外$也是个对象,因为在$上面也可以定义方法和属性,比如常见的$.ajax. 而$.fn就是$的原型,,

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

Skippr 是一个超级简单的 jQuery 幻灯片插件.只是包括你的网页中引入 jquery.skippr.css 和 jquery.skippr.js 文件就能使用了.Skippr 能够自适应窗口宽度,而且导航是独特的条形导航. 您可能感兴趣的相关文章 太赞了!超炫的页面切换动画效果[附源码下载] 创意无限!一组网页边栏过渡动画[附源码下载] 好东西!动感的页面加载动画效果[附源码下载] 使用 CSS3 实现3D图片滑块效果[附源码下载] 时尚设计!三种奇特网格加载效果[附源码下载] 源码下

Jquery常用插件整理(持续更新中)

1. X-editable 这个插件能够让你在页面上创建可编辑的元素.它能够使用任何引擎(bootstrap.jquery-ui.jquery),并且包含弹出式和内联模式. 2. Garlic.js Garlic.js 自动在本地保存表单文本字段的值,直到表单被提交.这样,你的用户如果不小心关闭选项卡或浏览器,也不会失去任何宝贵的数据. 3. Pickadate.js 完全响应式和轻量级的 jQuery 日期输入选择器. 4. jHERE 有了 jHERE,你可以很容易地添加互动地图到您的网站中

20 个最棒的 jQuery Tab 插件

jQuery Tab 常用来做网页上的选项设置界面和导航,本文向你推荐最棒的 20 个 jQuery Tab 插件.Enjoy !! 1. Slider Tabs SliderTabs 是一个可定制的 jQuery 插件,可以创建基于 Tab 的内容滑块,并提供一个可定制的滑块控制. 2. jQuery Contact Tabs 这是一个 jQuery 的表单生成器,用来创建使用 Ajax 技术的联系表单.提供 12 种不同的表单元素和客户端验证,提供不同的主题风格,可添加多个 Tab. 3.

The jQuery HTML5 Audio / Video Library (jQuery jPlayer插件给你的站点增加视频和音频功能)

http://jplayer.org/ The jQuery HTML5 Audio / Video Library jPlayer is the completely free and open source (MIT) media library written in JavaScript. A jQueryplugin, (and now a Zepto plugin,) jPlayer allows you to rapidly weave cross platform audio an

10 个超棒的 jQuery 视频插件

百万红包.火热开启!!!有你更精彩! jQuery 有成千上万的插件,这些插件不但在 WEB 程序层面让我们工作得得心应手,而且还在 WEB 视觉方面表现炫酷~如果你在寻找基于在线的视频解决方案或者你想给你的网站添加视频,基于 jQuery 的视频插件会让你的工作处理的如丝般顺滑!当然,这些视频插件都是响应式布局的.不用再去网上搜索啦,这里我们列出了十个大多数站点在使用.同时有有绝佳的用户体验的超赞视频插件! 1. FitVids FitVids 是一个广受页面设计师喜欢的 jQuery 视频插