HTMLのフォームは、送信ボタン(<button type="submit">)をクリックするだけでなく、暗黙の送信手段による送信もサポートされています。大抵のウェブブラウザでは、フォームの入力欄(inputやtextarea)でEnterキーを押すことで、送信ボタンを押さなくても送信できる挙動をサポートしており、これが暗黙の送信に該当します。 この記事では、理由はともかく、フォームの送信(submitイベント)がEnterキーによって起きた(暗黙の送信)のか送信ボタンを押したことで起きたのかを判定したい人に向けてその方法を伝授します。 TL;DR 暗黙の送信用の見えない送信ボタンと、ユーザーが押す用の見える送信ボタンを用意しましょう。 解説 Enterキーのような方法による暗黙の送信は、実際には「そのフォームのdefault buttonに対してclickイベントを発生させる」という機構
![HTMLのフォーム送信がEnterキーなのか送信ボタンなのか判別する方法 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/8507453bddc3f7de100bd2ada117d9bf64591a57/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fengineer-festa-ogp-background-074608b13b4bbe67c10ada41e7e2d292.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9SFRNTCVFMyU4MSVBRSVFMyU4MyU5NSVFMyU4MiVBOSVFMyU4MyVCQyVFMyU4MyVBMCVFOSU4MCU4MSVFNCVCRiVBMSVFMyU4MSU4Q0VudGVyJUUzJTgyJUFEJUUzJTgzJUJDJUUzJTgxJUFBJUUzJTgxJUFFJUUzJTgxJThCJUU5JTgwJTgxJUU0JUJGJUExJUUzJTgzJTlDJUUzJTgyJUJGJUUzJTgzJUIzJUUzJTgxJUFBJUUzJTgxJUFFJUUzJTgxJThCJUU1JTg4JUE0JUU1JTg4JUE1JUUzJTgxJTk5JUUzJTgyJThCJUU2JTk2JUI5JUU2JUIzJTk1JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjNGRkZGRkYmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz0xMzllNTlmNjFmMDVhYjdmNTA3N2Q3ZTNlZWZmZTdjMg%26mark-x%3D120%26mark-y%3D96%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9OTcyJnR4dD0lNDB1aHlvJnR4dC1jb2xvcj0lMjNGRkZGRkYmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1lMjcyYzFlYjA0MDVlNWU1Yzc3YTg5YWIwZTY3NjM0Nw%26blend-x%3D120%26blend-y%3D500%26blend-mode%3Dnormal%26s%3Dbe2ac476244e6d707d9be06567dba900)