键盘控制应用范围非常广泛,比如快捷键控制页面的滚动;在填写表单时候,限制输入内容;或者是屏蔽复制、粘贴、退后等功能。这里说说用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. Git 一些关于 Git、Github 的学习资源

    一些关于 Git.Github 的学习资源 昨天浏览 Github 的是时候发现了 Githug 这个游戏,这个游戏用来帮助菜鸟们学习使用 Git 的. Githug is designed to g ...

  2. 总结asp.net页面跳转

    ASP.NET页面跳转相关知识 一.<a>标签   1. <a href=”test.aspx”></a>   2. 这是最常见的一种转向方法; eg:  < ...

  3. CRM 2011 Install Errors - Tips and Tricks continued(转)

    The more I get to install/upgrade to CRM 2011 in different environment the more I come across differ ...

  4. CSS 笔记三(Tables/Box Model/Outline)

    CSS Tables border border: border-width border-style border-color|initial|inherit; border-width borde ...

  5. [已解决] MyBatis 中bind用法

    JAVA: TC_ENTR_FLOW selectFlowForUpdate(String ENTR_ID); XML: <select id="selectFlowForUpdate ...

  6. Ajax中dataType数据类型

    今天项目中使用Ajax向后台保存数据,其中dataType为'json';当请求成功后,没有走success回调,反而走了error:数据库已经成功保存数据了. 后来搞半天才知道原来dataType指 ...

  7. 2016年12月21日 星期三 --出埃及记 Exodus 21:16

    2016年12月21日 星期三 --出埃及记 Exodus 21:16 "Anyone who kidnaps another and either sells him or still h ...

  8. CSS 高级语法 ---- 继承和选择器的分组

    1. 选择器的分组 —————————————————————————   可以对选择器进行分组,被分组的选择器享用共同的声明.   h1,h2,h3,h4,h5,h6 { color: green; ...

  9. MQ框架的比较

    MQ框架的比较 MQ框架非常之多,比较流行的有RabbitMq.ActiveMq.ZeroMq.kafka.这几种MQ到底应该选择哪个?要根据自己项目的业务场景和需求.下面我列出这些MQ之间的对比数据 ...

  10. [问题2014A01] 解答一(第一列拆分法,由张钧瑞同学提供)

    [问题2014A01] 解答一(第一列拆分法,由张钧瑞同学提供) (1)  当 \(a=0\) 时,这是高代书复习题一第 33 题,可用升阶法和 Vander Monde 行列式来求解,其结果为 \[ ...