## 為什麼當我按 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中文網其他相關文章！