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

Enter キーを押したときのフォーム送信の防止

Enter キーを押したときにフォームの送信を防止すると、フォーカスが現在のフィールドに留まり、代わりに JavaScript 関数がトリガーされるようにします。解決策には、keypress イベントの処理と、入力されたキーのコードに基づいて条件付きで送信を防止することが含まれます。

実装

HTML で、onkeypress 属性を form 要素に追加します。この属性は、キー コードをチェックする JavaScript 関数を呼び出す必要があります。以下の例では、runScript 関数は scriptBox テキスト入力で実行されます。

<form onkeypress="return runScript(event)">
  <input>

runScript 関数はイベントのキー コードを調べます。コードが Enter キー (通常は 13) と一致する場合、関数は false を返し、フォームの送信を妨げます。

function runScript(e) {
  if (e.keyCode == 13) {
    // Invoke your JavaScript function here...

    return false;
  } else {
    return true;
  }
}

注:

一方、keyCode は非推奨です。最新のブラウザでは引き続き広くサポートされています。ただし、より広範な互換性を確保するには、key や what などの代替メソッドの使用を検討することをお勧めします。

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