تحلل هذه المقالة استخدام أحداث لوحة المفاتيح في JavaScript. شاركه للرجوع إليه. التفاصيل كما يلي:
يتضمن حدث لوحة المفاتيح ثلاثة أحداث: Onkeydown و Onkeypress و OnKeyup
تهيئة الحدث
وظيفة keydown () {} document.onkeydown = keydown ؛ // سيتم استدعاء وظيفة keydown () عند الضغط على المفتاح على لوحة المفاتيح.تحت معيار دوم
وظيفة keydown (e) {var keycode = e.hich ؛ // احصل على قيمة المفتاح المقابلة (الرقم) var realKey = string.fromcharcode (E.hich) ؛ // احصل على تنبيه الحرف الحقيقي الذي يمثل تغيير المفتاح ("keycode:" + keycode + "الحرف:" + RealKey) ؛ } document.onkeydown = keydownأي
وظيفة keydown () {var keycode = event.keycode ؛ // طريقة للحصول على قيمة المفتاح في ie var realKey = string.fromcharcode (event.keycode) ؛ ALERT ("keycode:" + keycode + "حرف:" + realKey) ؛ } document.onkeydown = keydownطريقة متوافقة
وظيفة keyup (e) {var curkey = 0 ، e = e || event ؛ curkey = e.keycode || e.hich || e.charcode ؛ var keyname = string.fromcharcode (currakey) ؛ ALERT ("رمز المفتاح:" + curkey + "الحرف:" + keyname) ؛ } document.onkeyup = keyup ؛مبدأ الاستخدام: يعد حدث KeyDown مفيدًا للغاية لمفاتيح الوظائف ، في حين أن حدث Keypress مفيد للغاية للمفاتيح القابلة للطباعة
تكون قيم رمز المفاتيح التالية صالحة تمامًا في مربع النص. إذا تم استخدامها في علامة <Body> ، تتوفر مفاتيح الحروف فقط والمفاتيح الرقمية ومفاتيح التحكم الجزئية ، والقيم الرئيسية لمفاتيح الحروف والمفاتيح الرقمية هي نفس قيمة ASCII.
قيمة رمز المفاتيح من الحروف والمفاتيح الرقمية (رمز المفاتيح)
رمز المفتاح
65
ب 66
ج 67
د 68
ه 69
F 70
ز 71
ح 72
أنا 73
J 74
ك 75
ل 76
م 77
ن 78
س 79
ص 80
س 81
ص 82
S 83
ر 84
ش 85
v 86
ث 87
× 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
قيمة رمز المفاتيح على مفاتيح على لوحة المفاتيح Numeric لوحة المفاتيح (keycode)
رمز المفتاح
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
قيمة رمز مفتاح التحكم (رمز المفاتيح)
رمز المفتاح
المسافة الخلفية 8
ESC 27
السهم الأيمن 39
السهم الأيسر 37
أسفل السهم 40
أعلى السهم 38
-_ 189
.> 190
المسافة 32
علامة التبويب 9
واضح 12
صفحة UP 33
الصفحة أسفل 34
أدخل 13
أدخل 45
؛: 186
حذف 46
`~ 192
/؟ 191
Num Lock 144
السيطرة 17
الصفحة الرئيسية 36
نهاية 35
تحول 16
[{219
}] 221
/| 220
=+ 187
، <188
'222
كيب قفل 20
البديل 18
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.