この記事では、JavaScriptのキーボードイベントの使用を分析します。参照のためにそれを共有してください。詳細は次のとおりです。
キーボードイベントには、OnKeyDown、OnKeypress、OnKeyUpの3つのイベントが含まれます
イベントの初期化
function keydown(){} document.onkeydown = keydown; //キーボードのキーを押すと、キーダウン()関数が呼び出されます。DOM標準の下
function keydown(e){var keycode = e.which; //対応するキー値(number)var realkey = string.fromcharcode(e.which)を取得します。 //キー変更を表す本物の文字アラートを取得します( "keycode:" + keycode + "文字:" + realkey); } document.onkeydown = keydownすなわち
function keydown(){var keycode = event.keycode; // ie var realkey = string.fromcharcode(event.keycode)でキー値を取得する方法; alert( "keycode:" + keycode + "文字:" + realkey); } document.onkeydown = keydown互換性のある方法
function keyup(e){var curkery = 0、e = e || event; Currkey = E.Keycode || E. var keyname = string.fromCharcode(currkey); alert( "key code:" + curkery + "文字:" + keyname); } document.onkeyup = keyup;使用の原則:キーダウンイベントは機能キーに最も役立ちますが、キープレスイベントは印刷可能なキーに最も役立ちます
次のキーコード値は、テキストボックスでのみ完全に有効です。 <body>タグで使用する場合、文字キー、数字キー、部分制御キーのみが利用可能であり、文字キーと数値キーのキー値はASCII値と同じです。
文字と数値キーのキーコード値(キーコード)
キーコード
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
数値キーパッド(keycode)関数キーコード値(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
33ページ
ページダウン34
13を入力します
45を挿入します
;:186
削除46
`〜192
/? 191
Num Lock 144
制御17
ホーム36
終了35
シフト16
[{219
}] 221
/| 220
=+ 187
、<188
'"222
ケープロック20
Alt 18
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。