首页 > web前端 > js教程 > ## 为什么当我按 Enter 键时我的登录表单消失了?

## 为什么当我按 Enter 键时我的登录表单消失了?

Susan Sarandon
发布: 2024-10-27 04:11:03
原创
890 人浏览过

## 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
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板