键盘控制应用范围非常广泛,比如快捷键控制页面的滚动;在填写表单时候,限制输入内容;或者是屏蔽复制、粘贴、退后等功能。这里说说用jQuery比原生态的JS好用,代码简单清晰,不要问我JS怎么写,因为我不知道。在现在交互满天飞的年代,你加载一个jQuery大家还是能接受的。

$(window).keydown(function(event){
switch (event.which) {
case(74): //J键
//要执行的操作
break;
case(75)://K键
//要执行的操作
break;
case(72)://H键
//要执行的操作
break;
case(76)://L键
//要执行的操作
break;
}
});

如果要使用组合键,则可以利用event.ctrlKey,event.shiftKey,event .altKey判断是否按下了ctrl键、shift键以及alt键。

下面是键对照表:

键盘名称     键值(keycode)     键盘名称     键值(keycode)
BackSpace Tab
Clear Enter
Shift_L Control_L
Alt_L Pause
Caps_Lock Escape
Space Prior
Next End
Home Left
Up Right
Down Select
Print Execute
Insert Delete
Help equal braceright
exclam onesuperior quotedbl twosuperior
section threesuperior dollar
percent ampersand
slash braceleft parenleft bracketleft
parenright bracketright a A
b B c C
d D e E EuroSign
f F g G
h H i I
j J k K
l L m M mu
n N o O
p P q Q at
r R s S
t T u U
v V w W
x X y Y
z Z KP_0
KP_1 KP_2
KP_3 KP_4
KP_5 KP_6
KP_7 KP_8
KP_9 KP_Multiply
KP_Add KP_Separator
KP_Subtract KP_Decimal
KP_Divide F1
F2 F3
F4 F5
F6 F8
F9 F10
F11 F12
F13 F14
F15 F16
F17 F18
F19 F20
F21 F22
F23 F24
Num_Lock Scroll_Lock
Acute grave Comma semicolon
Minus underscore Period colon
Numbersign apostrophe Plusminus hyphen macron
Copyright registered Guillemotleft guillemotright
Masculine ordfeminine ae AE
Cent yen Questiondown exclamdown
Onequarter onehalf threequarters Less greater bar
Plus asterisk asciitilde Multiply division
acircumflex Acircumflex ecircumflex Ecircumflex
icircumflex Icircumflex ocircumflex Ocircumflex
ucircumflex Ucircumflex ntilde Ntilde
yacute Yacute oslash Ooblique
aring Aring ccedilla Ccedilla
thorn THORN eth ETH
diaeresis cedilla currency agrave Agrave atilde Atilde
egrave Egrave igrave Igrave
ograve Ograve otilde Otilde ugrave Ugrave
adiaeresis Adiaeresis ediaeresis Ediaeresis
idiaeresis Idiaeresis odiaeresis Odiaeresis
udiaeresis Udiaeresis ssharp question backslash
asciicircum degree sterling
Mode_switch
A 0X65 B 0X66
C 0X67 D 0X68
E 0X69 F 0X70
J 0X71 H 0X72
I 0X73 J 0X74
K 0X75 L 0X76
M 0X77 N 0X78
O 0X79 P 0X80
Q 0X81 R 0X82
S 0X83 T 0X84
U 0X85 V 0X86
W 0X87 X 0X88
Y 0X89 Z 0X90
0X48 0X49
0X50 0X51
0X52 0X53
0X54 0X55
0X56 0X57
ESC 0X1B CTRL 0X11
SHIFT 0X10 ENTER 0XD

jQuery键盘控制方法,以及键值(keycode)对照表的更多相关文章

  1. jQuery键盘控制方法,以及键值(keycode)对照表

    键盘控制应用范围非常广泛,比如快捷键控制页面的滚动:在填写表单时候,限制输入内容:或者是屏蔽复制.粘贴.退后等功能.这里说说用jQuery怎么来实现.个人觉得jQuery比原生态的JS好用,代码简单清 ...

  2. Unity键值(KeyCode)

    Unity的Input管理 keyCode示例 keyCode Demo function OnGUI(){ var e:Event=Event.current; if(e.isKey){ Debug ...

  3. C#基础知识之键盘对应的键值

    1.一般的按键禁用 一般的按键禁用只要找出相应的keycode禁用即可.例如:window.event.keyCode==13 //Enter键 其他可以对照一下的keyCode进行选择. 字母和数字 ...

  4. js键盘键值大全

    原文地址:http://blog.csdn.net/avenccssddnn/article/details/7950524 js键盘键值 keycode 8 = BackSpace BackSpac ...

  5. js中键盘按键对应的键值

    js键盘键值 keycode    8 = BackSpace BackSpace  keycode    9 = Tab Tab  keycode   12 = Clear  keycode   1 ...

  6. android 添加新的键值,自定义按键-2【转】

    本文转载自:http://blog.csdn.net/mr_raptor/article/details/8053871 在Android中,上层可使用的键值默认情况下是92个,从0-91:一般情况下 ...

  7. android 添加新的键值,自定义按键【转】

    本文转载自:http://blog.csdn.net/mr_raptor/article/details/8053871 在Android中,上层可使用的键值默认情况下是92个,从0-91:一般情况下 ...

  8. js获取键盘按下的键值event.keyCode,event.charCode,event.which的兼容性

    js获取键盘按下的键值有event.keyCode,event.charCode和event.which 其中: 谷歌浏览器对event.keyCode,event.charCode和event.wh ...

  9. C# 键盘响应事件及键值对照表

    键盘响应事件总结 键盘响应事件是在用户按下某个键后触发的事件,可以是任意操作,但不是任意键都可以被捕获的. 原型:public event KeyPressEventHandler KeyPress ...

随机推荐

  1. Redis linux 下安装 及扩展配置

    1.首先在/usr/local/ 创建文件夹 reids Cd /usr/local/ mkdir redis 2.把redis安装包放在redis目录下面进行解压phpredis-2.2.4.tar ...

  2. 彻底的放弃.net

    最近看了招聘信息,搜一搜 .net 高级信息,发现对比 JAVA ,只有1页,而 JAVA 至少有3页. 最近用了一下嗒嗒巴士,滴滴打车,各种团购,各种外卖,各种移动互联网改变生活的东西,无一和 .n ...

  3. biztalk重新发布

    前提:在vs2013中,项目属性:重新部署设置为true,重新启动主机实例:设置为true,或者在最后重新部署完以后手动重启主机实例 下面是具体的步骤: 1. 项目修改完重新生成.. 2. 转到biz ...

  4. 深入理解Android之Gradle

    深入理解Android之Gradle 格式更加精美的PDF版请到:http://vdisk.weibo.com/s/z68f8l0xTYrZt 下载 Gradle是当前非常"劲爆" ...

  5. 夺命雷公狗-----React---9--map数据的遍历

    比如我们要实现的是这种效果: 用这种方法来写,她只能写死在哪,没啥意思,所以我们定义一个数据,然后来测试下map方法对她遍历出来的数据 <!DOCTYPE html> <html l ...

  6. Maps for Developers

    苹果官方文档: Give your apps a sense of place with maps and location information. Present maps with custom ...

  7. Application.DoEvents():概念

    When you run a Windows Form, it creates the new form, which then waits for events to handle. Each ti ...

  8. Python之反射

    一.引言 有时候我们会碰到类似这样的需求,就是想要执行类的某个方法,或者需要对对象的某个参数赋值,而方法名或参数名已经包装在类中并不能去顶,需要通过参数传递字符串的形式输入.在这样的情况你会选择什么样 ...

  9. RAM与ROM

    随着对计算机行业的深入了解,很多人开始听到一些RAM和ROM的讨论话题,之前我也不是很清楚,也不知道他和电脑的内存有什么联系.下面就让我们一起来学习一下这个吧. 首先RAM和ROM是什么 RAM和RO ...

  10. mac上安装opencv3

    转载于:http://blog.csdn.net/sanwandoujiang/article/details/51159983 在macosx上安装opencv2 brew tap homebrew ...