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

时间： 2024-10-12 23:20:30

javascript之键盘事件的相关文章

JavaScript&jQuery.键盘事件

键盘事件键盘事件,当用户操作键盘时发生. 常见的键盘事件有: input,当<input>或<textarea>元素的值发生变化时触发. keydonw,当用户按下键盘上的任意键时触发. keypress,当用户按下键盘上一个键并在屏幕上反映一个字符时触发. keyup,当用户松开键盘上一个键时触发. <html> <head> <title>TODO supply a title</title> <meta charset=

javascript之键盘事件的方法

键盘事件包含onkeydown.onkeypress和onkeyup这三个事件事件初始化 function keyDown(){} document.onkeydown = keyDown; //论按下键盘上的哪个键,都将调用KeyDown()函数. DOM标准下 function keyDown(e) { var keycode = e.which; //取得对应的键值(数字) var realkey = String.fromCharCode(e.which); //取得代表改键的真正字符

Javascript鼠标键盘事件

鼠标事件click:单击dblclick:双击mousedown:鼠标按下mouseup:鼠标抬起mouseover:鼠标悬浮mouseout:鼠标离开mousemove:鼠标移动mouseenter:鼠标进入mouseleave:鼠标离开 <button onclick="myClick()">鼠标单击</button> <button ondblclick="myDBClick()">鼠标双击</button>

javascript/jquery键盘事件介绍

一.首先需要知道的是:1.keydown()keydown事件会在键盘按下时触发.2.keyup()keyup事件会在按键释放时触发,也就是你按下键盘起来后的事件3.keypress()keypress事件会在敲击按键时触发,我们可以理解为按下并抬起同一个按键二.获得键盘上对应的ascII码: $(document).keydown(function(event){ alert(event.keyCode); }); $tips: 上面例子中,event.keyCode就可以帮助我们获取到我们

JavaScript 模拟键盘事件和鼠标事件（比如模拟按下回车等）

http://blog.csdn.net/lovelyelfpop/article/details/52471878# 封装好的function大概就是这样: [js] view plain copy function fireKeyEvent(el, evtType, keyCode){ var doc = el.ownerDocument, win = doc.defaultView || doc.parentWindow, evtObj; if(doc.createEvent){ if(w

Javascript 键盘事件

window.document.onkeydown = function (e) { var evt = window.event || e;//兼容性处理 var keycode = evt.keyCode; switch (keycode) { case 37://左 pgwSlideshow.previousSlide(); break; case 39://右 pgwSlideshow.nextSlide(); break; } }; Javascript的键盘事件 keyCode 37

javascript 键盘事件总结

原文:http://www.cnblogs.com/rubylouvre/archive/2009/08/20/1550526.html#2583814 在进入正题前,我们看一下浏览器对于键盘的一些默认事件,这有助于我们用javascript截获键盘事件. 在form中, submit的快捷键是 enter,reset的快捷键是 esc.不过在IE6,safari4,ff3.5,opera10,chrome中,按Enter,不但激发form的submit事件,同时也会激发提交按钮的onclick

处理键盘事件禁止后退键（Backspace）密码或单行、多行文本框除外

JavaScript的事件对象_键盘事件

用户在使用键盘时会触发键盘事件.“DOM2 级事件”最初规定了键盘事件,结果又删除了相应的内容.最终还是使用最初的键盘事件,不过 IE9 已经率先支持“DOM3”级键盘事件. 一.键码在发生 keydown 和 keyup 事件时,event 对象的 keyCode 属性中会包含一个代码,与键盘上一个特定的键对应.对数字字母字符集,keyCode 属性的值与 ASCII 码中对应小写字母或数字的编码相同.字母中大小写不影响. <script type="text/javascript&q