键盘控制应用范围非常广泛,比如快捷键控制页面的滚动;在填写表单时候,限制输入内容;或者是屏蔽复制、粘贴、退后等功能。这里说说用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. jquery隐藏table表格的某一列

    jquery隐藏table表格的某一列: $('table tr').find('td:eq(13)').hide(); 隐藏table的第13列

  2. vsftpd.conf Details

    引用:http://blog.chinaunix.net/uid-23257894-id-2466823.html /etc/vsftpd/vsftpd.conf文件详解,分好类,方便大家查找与学习 ...

  3. HTML5 webSQL 中查询结果集 result.rows.item 的用法

    加入查询回调函数如下: function(tx,result){ var len = result.rows.length; var recordset = result.rows.item; ){ ...

  4. Eclipse下编写的web项目部署到tomcat下

    之前都是用myeclipse编写web项目,编写好然后在myclipse上配置的tomcat下的webapps文件想项目复制到其他tomcat下就能运行了. 最近学习jquery,将eclipse编写 ...

  5. 关于OpenGL的性能方面的技巧(不时更新)

    显示列表可以有效提高渲染性能渲染顺序顶点层次分配内存管理递归查找 在有引擎的情况下,同一个模型对象会使用同一份内存和显存 优化裁剪算法,去掉无需渲染的对象 纹理阴影比体阴影效率要高 尽量使用UVW贴图 ...

  6. XML 与 DataSet/DataTable 互相转换实例(C#)——转载

    // <summary>      /// XML形式的字符串.XML文江转换成DataSet.DataTable格式      /// </summary>      pub ...

  7. python 笔记

    第一周2016/9/11   Python 2.0和3.0的区别 3.0 的模块名改了和之前的2.0 不一样 #!/usr/bin/env python # -*- coding:utf-8 -*- ...

  8. 【转】Struts1.x系列教程(3):属性(资源)文件乱码问题的解决之道

    转载地址:http://www.blogjava.net/nokiaguy/archive/2009/01/archive/2009/01/archive/2009/01/14/251244.html ...

  9. Unity3D UGUI学习系列索引(暂未完成)

    U3D UGUI学习1 - 层级环境 U3D UGUI学习2 - Canvas U3D UGUI学习3 - RectTransform U3D UGUI学习4 - Text U3D UGUI学习5 - ...

  10. [Python]如何获取目录下,最后更新的文件

    #-*- coding: utf-8 -*- __author__ = 'tsbc' import time import datetime import os day = time.strftime ...