Contoh analisis penggunaan acara papan kekunci dalam kemahiran javascript_javascript

Artikel ini menganalisis penggunaan acara papan kekunci dalam JavaScript dengan contoh. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

Acara papan kekunci termasuk onkeydown, onkeypress dan onkeyup

Permulaan acara

function keyDown(){} 
document.onkeydown = keyDown; 
//论按下键盘上的哪个键，都将调用KeyDown()函数。 

standard DOM

function keyDown(e) { 
var keycode = e.which; //取得对应的键值（数字） 
var realkey = String.fromCharCode(e.which); //取得代表改键的真正字符 
alert("按键码: " + keycode + " 字符: " + realkey); 
} 
document.onkeydown = keyDown 

Di bawah IE

function keyDown() { 
　　 　　 var keycode = event.keyCode; //IE下取得键值的方法 
　　 　　 var realkey = String.fromCharCode(event.keyCode); 
　　 　　 alert("按键码: " + keycode + " 字符: " + realkey); 
} 
document.onkeydown = keyDown 

Kaedah yang serasi

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; 

Prinsip penggunaan: acara keydown paling berguna untuk kekunci fungsi, manakala acara penekanan kekunci paling berguna untuk kekunci boleh cetak

Nilai kod kunci berikut hanya sah sepenuhnya dalam kotak teks Jika digunakan dalam teg hanya kekunci huruf, kekunci angka dan beberapa kekunci kawalan yang tersedia adalah sama dengan nilai ASCII

Nilai kod kunci (Kod kunci) kekunci abjad dan angka

Kod kunci
A 65
B         66
C         67
D 68
E         69
F 70
G 71
H 72
Saya 73
J         74
K 75
L 76
M 77
N 78
O 79
P         80
S       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

Nilai kod kunci (Kod kunci) kekunci pada papan kekunci angka Fungsi nilai kod kunci kekunci (Kod kunci)

Kod kunci
0 96
1 97
2 98
3 99
4 100
5 101
6 102
7 103
8 104
9 105
* 106
107
Masukkan 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

Kawal nilai kod kunci kekunci (Kod kunci)

Kod kunci
Ruang Belakang 8
Esc 27
Anak Panah Kanan 39
Anak Panah Kiri 37
Anak Panah Bawah 40
Anak Panah Atas 38
-_ 189
.> 190
Bar ruang 32
Tab 9
Jelas 12
Muka Surat 33
Muka Surat 34
Masukkan 13
Sisipkan 45
;: 186
Padamkan 46
`~ 192
/? 191
Num Lock 144
Kawalan 17
Laman Utama 36
Tamat 35
Anjakan 16
[{            219
}]             221
|. 220
= 187
,< 188
'" 222
Cape Lock 20
Alt 18

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.