回答編集履歴
1
追記
test
CHANGED
|
@@ -27,3 +27,29 @@
|
|
|
27
27
|
|
|
28
28
|
|
|
29
29
|
わからない部分があれば質問してください。
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
## 追記
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
[DEMO(JSFiddle)](https://jsfiddle.net/karamarimo/pxk3s5nq/)
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
このように`input`要素が１つだけ`form`内に存在する時、Enterキーを押すと自動で`form`全体が`submit`されます。複数あるときでも、`form`内に`type=submit`なボタンが存在すれば同様になります。
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
デフォルトでは`submit`時にページ遷移しようとしますが、`submit`イベントハンドラ内で`false`を返すか、イベントオブジェクト`e`に対して`e.preventDefault()`すれば防げます。
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
また、この方法であれば特別なことをしなくても、日本語変換確定のEnterでは送信されません。
|
|
50
|
+
|
|
51
|
+
|
|
52
|
+
|
|
53
|
+
関連リソース
|
|
54
|
+
|
|
55
|
+
[Implicit Submission of Form When Pressing Enter Key](http://stonefishy.github.io/blog/2015/06/30/implicit-submission-of-form-when-pressing-enter-key/)
|