jquery键盘事件及keycode大全
2017-08-22 16:54
253 查看
jquery的键盘事件分为keypress、keydown和keyup事件
一、键盘事件
1、keypress()事件
keypress
当按钮被按下时,会发生该事件,我们可以理解为按下并抬起同一个按键。
2、keydown()事件
当按钮被按下时,发生
keydown 事件。
3、keyup事件
keyup
事件会在按键释放时触发,也就是你按下键盘起来后的事件
二、通过键盘事件可以进行相应操作
//键盘操作
(event) { if (event.ctrlKey && event.keyCode == 13) { alert('Ctrl+Enter'); }; switch (event.keyCode) { case 37: alert('方向键-左'); break; case 39: alert('方向键-右'); break; }; return false;});
三、键盘对应的keycode大全
一、键盘事件
1、keypress()事件
keypress
当按钮被按下时,会发生该事件,我们可以理解为按下并抬起同一个按键。
2、keydown()事件
当按钮被按下时,发生
keydown 事件。
3、keyup事件
keyup
事件会在按键释放时触发,也就是你按下键盘起来后的事件
二、通过键盘事件可以进行相应操作
//键盘操作
var docu = document.getElementsByTagName('document');
docu.onkeydown = function (event) { if (event.keyCode == 116) { event.preventDefault(); window.history.go(-1);//返回上一页 } }$(document).keydown(function
(event) { if (event.ctrlKey && event.keyCode == 13) { alert('Ctrl+Enter'); }; switch (event.keyCode) { case 37: alert('方向键-左'); break; case 39: alert('方向键-右'); break; }; return false;});
三、键盘对应的keycode大全
字母和数字键的键码值(keyCode) | |||||||
---|---|---|---|---|---|---|---|
按键 | 键码 | 按键 | 键码 | 按键 | 键码 | 按键 | 键码 |
A | 65 | J | 74 | S | 83 | 1 | 49 |
B | 66 | K | 75 | T | 84 | 2 | 50 |
C | 67 | L | 76 | U | 85 | 3 | 51 |
D | 68 | M | 77 | V | 86 | 4 | 52 |
E | 69 | N | 78 | W | 87 | 5 | 53 |
F | 70 | O | 79 | X | 88 | 6 | 54 |
G | 71 | P | 80 | Y | 89 | 7 | 55 |
H | 72 | Q | 81 | Z | 90 | 8 | 56 |
I | 73 | R | 82 | 0 | 48 | 9 | 57 |
数字键盘上的键的键码值(keyCode) | 功能键键码值(keyCode) | ||||||
---|---|---|---|---|---|---|---|
按键 | 键码 | 按键 | 键码 | 按键 | 键码 | 按键 | 键码 |
0 | 96 | 8 | 104 | F1 | 112 | F7 | 118 |
1 | 97 | 9 | 105 | F2 | 113 | F8 | 119 |
2 | 98 | * | 106 | F3 | 114 | F9 | 120 |
3 | 99 | + | 107 | F4 | 115 | F10 | 121 |
4 | 100 | Enter | 108 | F5 | 116 | F11 | 122 |
5 | 101 | - | 109 | F6 | 117 | F12 | 123 |
6 | 102 | . | 110 | ||||
7 | 103 | / | 111 |
控制键键码值(keyCode) | |||||||
---|---|---|---|---|---|---|---|
按键 | 键码 | 按键 | 键码 | 按键 | 键码 | 按键 | 键码 |
BackSpace | 8 | Esc | 27 | Right Arrow | 39 | -_ | 189 |
Tab | 9 | Spacebar | 32 | Down Arrow | 40 | .> | 190 |
Clear | 12 | Page Up | 33 | Insert | 45 | /? | 191 |
Enter | 13 | Page Down | 34 | Delete | 46 | `~ | 192 |
Shift | 16 | End | 35 | Num Lock | 144 | [{ | 219 |
Control | 17 | Home | 36 | ;: | 186 | /| | 220 |
Alt | 18 | Left Arrow | 37 | =+ | 187 | ]} | 221 |
Cape Lock | 20 | Up A |
相关文章推荐
- jQuery键盘事件及keycode大全
- jquery键盘事件全记录
- 10个用来处理键盘事件的JQuery插件和JS类库
- jquery键盘事件介绍
- JQuery——键盘事件.keydown()、.keyup()和.keypress()
- jquery快捷动态绑定键盘事件操作函数
- 扩展jQuery 键盘事件的几个基本方法
- JQuery的键盘控制事件
- jQuery绑定键盘事件
- jquery键盘事件
- jquery键盘事件
- jQuery绑定键盘事件
- js监听键盘事件的方法_原生和jquery的区别详解
- JQuery添加键盘事件
- jQuery绑定键盘事件
- jQuery鼠标键盘表单事件大全
- jQuery事件之键盘事件
- JQuery中如何处理键盘事件
- 源码-JavaScript&jQuery交互式前端开发-第6章-事件-键盘事件-确定按键值