Enter キーを押したときにフォームが送信されないようにするにはどうすればよいですか?

Enter キーによるフォームの送信を禁止する

フォームを操作するときに、Enter キーを押すと実行ではなく送信がトリガーされてイライラすることがあります。必要な JavaScript 関数。これを解決するには、Enter キーの押下に応じてフォームが送信されないようにする必要があります。

効果的な方法の 1 つは、JavaScript のイベント リスナーを利用することです。キープレス イベントに関数をアタッチすると、キープレスの動作を処理し、フォームが送信されないようにすることができます。その方法は次のとおりです。

document.addEventListener("keypress", function(e) {
  if (e.keyCode == 13) {
    // Call the desired JavaScript function here
    // ...
    
    // Prevent form submission
    e.preventDefault();
  }
});

このコード内:

• document.addEventListener は、「keypress」イベントをリッスンします。
• e.keyCode == 13 は、押されたキーが Enter キーであるかどうかを確認します。
• Enter キーが押すと、目的の JavaScript 関数が実行されます。
• e.preventDefault() は、フォームの送信を防ぎます。

このコードを実装すると、Enter キーが押されたときにフォームの送信を無効にできます。押すと、代わりにアクションをカスタム JavaScript 関数にリダイレクトします。

以上がEnter キーを押したときにフォームが送信されないようにするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。