Artikel ini menganalisis penggunaan acara keyboard di JavaScript. Bagikan untuk referensi Anda. Dengan rincian sebagai berikut:
Acara keyboard mencakup tiga acara: Onkeydown, Onkeypress dan Onkeyup
Inisialisasi peristiwa
function keyDown () {} document.onkeyDown = keyDown; // Fungsi KeyDown () akan dipanggil saat menekan tombol mana pada keyboard.Di bawah standar DOM
function keyDown (e) {var keycode = e.Which; // Dapatkan nilai kunci yang sesuai (angka) var realkey = string.fromCharCode (e.shech); // Dapatkan Peringatan Karakter Nyata yang mewakili perubahan kunci ("Kode Key:" + Kode Kunci + "Karakter:" + RealKey); } document.onkeydown = keydownYAITU
function keyDown () {var keycode = event.keycode; // metode untuk mendapatkan nilai kunci di IE var realkey = string.fromCharCode (event.keycode); peringatan ("Kode Key:" + Kunci Kunci + "Karakter:" + RealKey); } document.onkeydown = keydownMetode yang kompatibel
function keyup (e) {var Currkey = 0, e = e || event; Currkey = E.KeyCode || E. yang || e.charcode; var keyname = String.FromCharCode (Currkey); alert ("Kode Kunci:" + Currkey + "Karakter:" + KeyName); } document.onkeyup = keyup;Prinsip Penggunaan: Acara Keydown paling berguna untuk tombol fungsi, sedangkan acara KeyPress paling berguna untuk kunci yang dapat dicetak
Nilai kode kunci berikut hanya sepenuhnya valid di kotak teks. Jika digunakan dalam tag <body>, hanya tombol huruf, tombol numerik dan kunci kontrol parsial yang tersedia, dan nilai kunci dari tombol huruf dan tombol numerik sama dengan nilai ASCII.
Nilai Kode Keycy dari huruf dan tombol numerik (kode kunci)
Kode kunci
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
Nilai Kode KeyCy dari tombol pada Numeric Keypad (KeyCode) Fungsi Nilai Kode Kode (KeyCode)
Kode 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
Nilai Kode Kunci Kontrol (kode kunci)
Kode kunci
Backspace 8
ESC 27
Panah kanan 39
Panah kiri 37
Panah ke bawah 40
Up Panah 38
-_ 189
.> 190
Spacebar 32
Tab 9
Clear 12
Halaman naik 33
Halaman Down 34
Masukkan 13
Masukkan 45
;: 186
Hapus 46
`~ 192
/? 191
Num Lock 144
Kontrol 17
Beranda 36
Akhir 35
Shift 16
[{219
}] 221
/| 220
=+ 187
, <188
'"222
Cape Lock 20
Alt 18
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.