## 为什么当我按 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中文网其他相关文章！