บทความนี้วิเคราะห์การใช้งานของคีย์บอร์ดใน JavaScript แบ่งปันสำหรับการอ้างอิงของคุณ รายละเอียดมีดังนี้:
เหตุการณ์แป้นพิมพ์ประกอบด้วยสามเหตุการณ์: OnKeydown, Onkeypress และ OnKeyup
การเริ่มต้นเหตุการณ์
ฟังก์ชั่น keydown () {} document.onkeydown = keydown; // ฟังก์ชั่น keydown () จะถูกเรียกเมื่อกดปุ่มใดบนคีย์บอร์ดภายใต้มาตรฐาน DOM
ฟังก์ชั่น keydown (e) {var keycode = e.which; // รับคีย์ที่สอดคล้องกัน (หมายเลข) var realkey = string.fromCharcode (E. ซึ่ง); // รับการแจ้งเตือนอักขระจริงที่แสดงถึงการเปลี่ยนแปลงของคีย์ ("keycode:" + keycode + "อักขระ:" + realkey); } document.onkeydown = keydownเช่น
ฟังก์ชัน keydown () {var keycode = event.keycode; // วิธีการรับค่าคีย์ใน IE var realkey = string.fromCharcode (event.keycode); การแจ้งเตือน ("keycode:" + keycode + "อักขระ:" + realkey); } document.onkeydown = keydownวิธีการที่เข้ากันได้
ฟังก์ชั่น keyup (e) {var currkey = 0, e = e || เหตุการณ์; Currkey = E.keycode || e.which || e.charcode; var keyname = string.fromCharcode (Currey); การแจ้งเตือน ("รหัสคีย์:" + Currkey + "อักขระ:" + KeyName); } document.onkeyup = keyup;หลักการของการใช้งาน: เหตุการณ์ Keydown มีประโยชน์มากที่สุดสำหรับคีย์ฟังก์ชันในขณะที่เหตุการณ์ Keypress มีประโยชน์มากที่สุดสำหรับคีย์ที่พิมพ์ได้
ค่ารหัสคีย์ต่อไปนี้จะใช้ได้อย่างสมบูรณ์ในกล่องข้อความเท่านั้น หากใช้ในแท็ก <body> เฉพาะคีย์ตัวอักษรปุ่มตัวเลขและปุ่มควบคุมบางส่วนเท่านั้นและค่าคีย์ของคีย์ตัวอักษรและปุ่มตัวเลขจะเหมือนกับค่า ASCII
ค่ากุญแจมือของตัวอักษรและปุ่มตัวเลข (ปุ่ม)
รหัสคีย์
65
B 66
C 67
D 68
E 69
F 70
G 71
h 72
ฉัน 73
J 74
K 75
l 76
m 77
n 78
o 79
p 80
Q 81
r 82
s 83
t 84
คุณ 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
ค่าคีย์ของคีย์บนปุ่มกดตัวเลข (ปุ่มกด) ค่า KYCODE (KYCODE)
รหัสคีย์
0 96
1 97
2 98
3 99
4 100
5 101
6 102
7 103
8 104
9 105
* 106
+ 107
ป้อน 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
ค่ารหัสการควบคุมรหัส (ปุ่ม)
รหัสคีย์
backspace 8
ESC 27
ลูกศรขวา 39
ลูกศรซ้าย 37
ลูกศรลง 40
อัพลูกศร 38
-_ 189
.> 190
Spacebar 32
แท็บ 9
ล้าง 12
หน้า 33
หน้าลง 34
ป้อน 13
แทรก 45
;: 186
ลบ 46
`~ 192
- 191
ล็อคจำนวน 144
ควบคุม 17
หน้าแรก 36
จบ 35
เปลี่ยน 16
[{219
}] 221
- 220
=+ 187
, <188
'"222
Cape Lock 20
Alt 18
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน