javascript中键盘事件用法实例分析
本文实例分析了javascript中键盘事件用法。分享给大家供大家参考。具体如下：
键盘事件包含onkeydown、onkeypress和onkeyup这三个事件
事件初始化
function keyDown(){}
document.onkeydown = keyDown;
//论按下键盘上的哪个键，都将调用KeyDown()函数。
DOM标准下
function keyDown(e) {
var keycode = e.which; //取得对应的键值（数字）
var realkey = String.fromCharCode(e.which); //取得代表改键的真正字符
alert("按键码: " + keycode + " 字符: " + realkey);
}
document.onkeydown = keyDown
IE下
function keyDown() {
var keycode = event.keyCode; //IE下取得键值的方法
var realkey = String.fromCharCode(event.keyCode);
alert("按键码: " + keycode + " 字符: " + realkey);
}
document.onkeydown = keyDown
兼容的方法
function keyUp(e) {
var currKey=0,e=e||event;
currKey=e.keyCode||e.which||e.charCode;
var keyName = String.fromCharCode(currKey);
alert("按键码: " + currKey + " 字符: " + keyName);
}
document.onkeyup = keyUp;
使用原则：keydown事件对于功能按键来说是最有用的，而keypress事件对于可打印按键来说是最有用的
以下键码值只有在文本框中才完全有效，如果在<body>标记中使用，只有字母键、数字键和部分控制键可用，其字母键和数字键的键值与ASCII值相同
字母和数字键的键码值(keyCode)
按键 键码
A 65
B 66
C 67
D 68
E 69
F 70
G 71
H 72
I 73
J 74
K 75
L 76
M 77
N 78
O 79
P 80
Q 81
R 82
S 83
T 84
U 85
V 86
W 87
X 88
Y 89
Z 90
0 48
1 49
2 50
3 51
4 52
5 53
6 54
7 55
8 56
9 57
数字键盘上的键的键码值(keyCode) 功能键键码值(keyCode)
按键 键码
0 96
1 97
2 98
3 99
4 100
5 101
6 102
7 103
8 104
9 105
* 106
+ 107
Enter 108
- 109
. 110
/ 111
F1 112
F2 113
F3 114
F4 115
F5 116
F6 117
F7 118
F8 119
F9 120
F10 121
F11 122
F12 123
控制键键码值(keyCode)
按键 键码
BackSpace 8
Esc 27
Right Arrow 39
Left Arrow 37
Down Arrow 40
Up Arrow 38
-_ 189
.> 190
Spacebar 32
Tab 9
Clear 12
Page Up 33
Page Down 34
Enter 13
Insert 45
;: 186
Delete 46
`~ 192
/? 191
Num Lock 144
Control 17
Home 36
End 35
Shift 16
[{ 219
}] 221
\| 220
=+ 187
,< 188
'" 222
Cape Lock 20
Alt 18
希望本文所述对大家的javascript程序设计有所帮助。
-
本文向大家介绍JavaScript键盘事件常见用法实例分析，包括了JavaScript键盘事件常见用法实例分析的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JavaScript键盘事件常见用法。分享给大家供大家参考，具体如下： JavaScript 键盘事件有以下3种 keydown 键盘按键按下（如果按着不放，会持续触发该事件），可以捕获组合键。 keypress 键盘非功能按键按下（
-
本文向大家介绍js中键盘事件实例简析，包括了js中键盘事件实例简析的使用技巧和注意事项，需要的朋友参考一下 本文实例分析了js中键盘事件。分享给大家供大家参考。具体分析如下： 该实例效果： 按键盘上的任意一个键，弹出相应的ASCII码，兼容ie，chrome和firefox。 但还是有不少问题： （1）ie和chrome中，一些键没有效果，如上、下、左、右等； （2）而firefox中的向右键，与
-
本文向大家介绍JavaScript监听键盘事件代码实现，包括了JavaScript监听键盘事件代码实现的使用技巧和注意事项，需要的朋友参考一下 在写网页的时候，常常需要监听键盘事件，让我们来看看如何实现吧。 监听方式 键盘事件往往是全局监听，设监听的函数为keyboard()。 keyup事件类型。该类型触发条件为按键按下去并松开。 //长按并松开只触发一次 document.addEventLi
-
键盘事件的种类 键盘事件由用户击打键盘触发，主要有keydown、keypress、keyup三个事件，它们都继承了KeyboardEvent接口。 keydown：按下键盘时触发。 keypress：按下有值的键时触发，即按下 Ctrl、Alt、Shift、Meta 这样无值的键，这个事件不会触发。对于有值的键，按下时先触发keydown事件，再触发这个事件。 keyup：松开键盘时触发该事件。
-
输入框接口 用于弹起输入框，供用户输入文字。可以通过注册监听函数进行监听用户的输入，监听完毕请及时调用注销方法，取消监听。 BK.UI.showKeyboard(Object) 显示输入框，弹出键盘 手Q版本:7.6.5 函数参数Object： 属性名 类型 是否必填 说明 deaultText string 否 默认要展示的字符串 complete Function 否 接口调用完成回调 示例：
-
本文向大家介绍javascript事件模型实例分析，包括了javascript事件模型实例分析的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了javascript事件模型的用法。分享给大家供大家参考。具体分析如下： 一、事件模型 冒泡型事件（Bubbling）：事件由叶子节点沿祖先节点一直向上传递到根节点 捕获型事件（Capturing）：由DOM树最顶元素一直到最精确的元素，与冒泡型事件