## Enter キーを押すとログイン フォームが消えるのはなぜですか?

jQuery を使用して「Enter」でフォームを送信: フォームが消える問題を解決する

「Enter」を押すと問題が発生しました。ログインフォームを使用すると、フォームの内容が送信されずに表示されなくなります。これにより、Webkit の問題なのかコードの問題なのかという疑問が生じます。

この動作に対処するために、次の jQuery コードを使用しようとしました:

$('.input').keypress(function (e) {
  if (e.which == 13) {
    $('form#login').submit();
  }
});

ただし、このコードは問題は解決しませんでした。

解決策:

この問題を解決するには、jQuery コードに重要な行を追加する必要があります:

$('.input').keypress(function (e) {
  if (e.which == 13) {
    $('form#login').submit();
    return false;    //<---- Add this line
  }
});

この行は、フォームのデフォルトの動作、つまり「Enter」でコンテンツをクリアすることを防ぎます。これを追加することで、フォームは消えることなく「Enter」を押すと送信されるようになります。

Return False について:

「return false」ステートメントは、次と同じ結果を達成します。 e.preventDefault と e.stopPropagation の両方を呼び出します。これはブラウザにデフォルトのアクション (フォームのクリア) を実行しないように指示し、イベントが DOM 階層にバブルアップするのを防ぎます。

以上が## Enter キーを押すとログイン フォームが消えるのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。