1. はじめに
プログラマーの仕事では、フォーム データの送信に遭遇することがよくありますが、フォームを使用するものでは入力ボックスが非常に一般的であるため、いくつかの基本的な入力イベントを習得する必要があります。
入力ボックスでは多くの場合、ボタンをクリックする代わりに、入力後に直接 Enter キーを押すことに慣れています。フォームフォームでは、Enter をクリックしてフォームを送信できますが、入力ボックスが 1 つだけの場合は、直接 Enter を押してコンテンツを送信することはできません。
2.方法
この場合、JavaScript スクリプトを使用して入力ボックスの Enter イベントを実装できます。実装方法は非常に簡単です。ここでは jQuery フレームワークを使用します。コードは次のとおりです。次の内容を script タグに直接追加するだけです。
$(document).ready(function () {
$("input").keydown(function (event) {
if (event.keyCode == 13) {
//这里写事件,例如写个 a();
}
});
});
以下は入力ボックスの例です。
<input type="text" autocomplete="off" placeholder="请输入英文单词"></input>
keycode==13 は Enter キーが押されたことを意味し、他のキートリガーイベントも同様にこのコードを変更することで実現できます。
3. 付録
各キーコードの対応は以下の通りです。
2 キーコード 8 = バックスペース バックスペース
3 キーコード 9 = タブ タブ
4 キーコード 12 = クリア
5 キーコード 13 = Enter
6 キーコード 16 = Shift_L
7 キーコード 17 = コントロール_L
8 キーコード 18 = Alt_L
9 キーコード 19 = 一時停止
10 キーコード 20 = Caps_Lock
11 キーコード 27 = エスケープ エスケープ
12 キーコード 32 = スペース
13 キーコード 33 = 前
14 キーコード 34 = 次へ
15 キーコード 35 = 終了
16 キーコード 36 = ホーム
17 キーコード 37 = 左
18 キーコード 38 = 上
19 キーコード 39 = 右
20 キーコード 40 = ダウン
21 キーコード 41 = 選択
22 キーコード 42 = 印刷
23 キーコード 43 = 実行
24 キーコード 45 = 挿入
25 キーコード 46 = 削除
26 キーコード 47 = ヘルプ
27 keyCode 48 = 0 等しい中括弧右
28 キーコード 49 = 1 優れた感嘆符
29 キーコード 50 = 2 引用bl 2 上位
30 キーコード 51 = 3 セクション 3 上位
31 キーコード 52 = 4 ドル
32 キーコード 53 = 5 パーセント
33 キーコード 54 = 6 アンパサンド
34 keyCode 55 = 7 スラッシュ中括弧左
35 キーコード 56 = 8 括弧左括弧左
36 キーコード 57 = 9 親右括弧右
37 キーコード 65 = a A
38 キーコード 66 = b B
39 キーコード 67 = c C
40 キーコード 68 = d D
41 キーコード 69 = e E ユーロサイン
42 キーコード 70 = f F
43 キーコード 71 = g G
44 キーコード 72 = h H
45 キーコード 73 = i I
46 キーコード 74 = j J
47 キーコード 75 = k K
48 キーコード 76 = l L
49 キーコード 77 = m M mu
50 キーコード 78 = n N
51 キーコード 79 = o O
52 キーコード 80 = p P
53 キーコード 81 = q Q で
54 キーコード 82 = r R
55 キーコード 83 = s S
56 キーコード 84 = t T
57 キーコード 85 = u U
58 キーコード 86 = v V
59 キーコード 87 = W で
60 キーコード 88 = x X
61 キーコード 89 = y Y
62 キーコード 90 = Z 付き
63 キーコード 96 = KP_0 KP_0
64 キーコード 97 = KP_1 KP_1
65 キーコード 98 = KP_2 KP_2
66 キーコード 99 = KP_3 KP_3
67 キーコード 100 = KP_4 KP_4
68 キーコード 101 = KP_5 KP_5
69 キーコード 102 = KP_6 KP_6
70 キーコード 103 = KP_7 KP_7
71 キーコード 104 = KP_8 KP_8
72 キーコード 105 = KP_9 KP_9
73 キーコード 106 = KP_Multiply KP_Multiply
74 キーコード 107 = KP_Add KP_Add
75 キーコード 108 = KP_Separator KP_Separator
76 キーコード 109 = KP_Subtract KP_Subtract
77 キーコード 110 = KP_Decimal KP_Decimal
78 キーコード 111 = KP_Divide KP_Divide
79 キーコード 112 = F1
80 キーコード 113 = F2
81 キーコード 114 = F3
82 キーコード 115 = F4
83 キーコード 116 = F5
84 キーコード 117 = F6
85 キーコード 118 = F7
86 キーコード 119 = F8
87 キーコード 120 = F9
88 キーコード 121 = F10
89 キーコード 122 = F11
90 キーコード 123 = F12
91 キーコード 124 = F13
92 キーコード 125 = F14
93 キーコード 126 = F15
94 キーコード 127 = F16
95 キーコード 128 = F17
96 キーコード 129 = F18
97 キーコード 130 = F19
98 キーコード 131 = F20
99 キーコード 132 = F21
100 キーコード 133 = F22
101 キーコード 134 = F23
102 キーコード 135 = F24
103 キーコード 136 = Num_Lock
104 キーコード 137 = スクロールロック
105 キーコード 187 = 急性墓