javascript之鍵盤事件的方法

標籤：eal   ring   完全   索引值   java   lock   文本   cap   按鍵   

鍵盤事件包含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事件對於可列印按鍵來說是最有用的

以下鍵碼值只有在文字框中才完全有效，如果在

標記中使用，只有字母鍵、數字鍵和部分修飾鍵可用，其字母鍵和數字鍵的索引值與ASCII值相同

字母和數字鍵的鍵碼值(keyCode)

按鍵鍵碼

A65

B66

C67

D68

E69

F70

G71

H72

I73

J74

K75

L76

M77

N78

O79

P80

Q81

R82

S83

T84

U85

V86

W87

X88

Y89

Z90

048

149

250

351

452

553

654

755

856

957

數字鍵台上的鍵的鍵碼值(keyCode)功能鍵鍵碼值(keyCode)

按鍵鍵碼

096

197

298

399

4100

5101

6102

7103

8104

9105

*106

+107

Enter108

-109

.110

/111

F1112

F2113

F3114

F4115

F5116

F6117

F7118

F8119

F9120

F10121

F11122

F12123

修飾鍵鍵碼值(keyCode)

按鍵鍵碼

BackSpace8

Esc27

Right Arrow39

Left Arrow37

Down Arrow40

Up Arrow38

-_189

.>190

Spacebar32

Tab9

Clear12

Page Up33

Page Down34

Enter13

Insert45

;:186

Delete46

`~192

/?191

Num Lock144

Control17

Home36

End35

Shift16

[{219

}]221

\|220

=+187

,

‘"222

Cape Lock20

Alt18

javascript之鍵盤事件的方法