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

Enter キー押下時のフォーム送信の回避

フォーム送信を回避しながら、Enter キーを押したときにカスタム機能を容易にするために、フォームのデフォルトの送信を無効にすることが重要です

解決策:

これを実現するには、イベント リスナーを定義して Enter キー イベントをインターセプトします。

if(characterCode == 13) {
    // Prevent event propagation
    return false; 
} else{
    return true;
}

このコード スニペットは、 Enter キーを押してもイベントはそれ以上伝播しないため、フォームの作成が事実上阻止されます。

例:

次のテキスト ボックスを持つフォームを考えます:

<input>

このテキスト ボックスからカスタム スクリプトを実行するにはフォーム送信をトリガーせずにキーを押すと、次のコードを使用します:

function runScript(e) {
    // Prevent form submission if Enter key is pressed
    if (e.keyCode == 13) {
        var tb = document.getElementById("scriptBox");
        eval(tb.value);
        return false;
    }
}

イベント リスナーから false を返す

注:

keyCode の使用は非推奨ですが、Enter キー イベントは事実上無効になり、送信せずにカスタム スクリプトを実行できます。実際に実行可能な選択肢。さらに、非推奨となっているにもかかわらず、依然として一般的に使用されています。

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