【Web】テキストボックスでEnter押下時に勝手にSubmitされてしまうのを防ぐ方法

HTMLにそんな仕様あったのかーということがあったので_(:3」∠)_

formタグ内に1行テキストボックスが1つしか存在しない場合において、
Enterキーを押下すると勝手にSubmitされてしまうみたいです。
ChromeとIEでしか確認していませんが、どちらも勝手にSubmitされました。

↓の一番上のテキストボックスでEnterキーを押下するとSubmitされます。

See the Pen PushEnterSubmit by miko (@miko3) on CodePen.

対処方法としてはEnterキーを無効にするか、
特定のクラス名のinputでしかEnterキーを有効にしないかといった感じですかね。
↓のコードはEnterキーを無効にする方法です。

キー操作については最初の段階で共通部品を作るようにした方が良いですね_(:3」∠)_

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です