首頁 > web前端 > js教程 > ## 為什麼當我按 Enter 鍵時我的登入表單消失了?

## 為什麼當我按 Enter 鍵時我的登入表單消失了?

Susan Sarandon
發布: 2024-10-27 04:11:03
原創
894 人瀏覽過

## Why Does My Login Form Disappear When I Press 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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板