当前位置:  开发笔记 > 编程语言 > 正文

按下返回键时如何提交表单?

如何解决《按下返回键时如何提交表单?》经验,为你挑选了7个好方法。

当有人按下返回键并且表单中没有按钮时,有人可以告诉我如何提交HTML表单吗? 提交按钮不存在.我正在使用自定义div而不是那个.



1> John Hunter..:

要在按下回车键时提交表单,请沿着这些行创建一个javascript函数.

function checkSubmit(e) {
   if(e && e.keyCode == 13) {
      document.forms[0].submit();
   }
}

然后将事件添加到您需要的任何范围,例如div标签:

这也是Internet Explorer 7的默认行为(尽管可能是早期版本).


我更喜欢"keyup",这样按住回车键的动作不会多触发.

2> Chris Marast..:

国际海事组织,这是最干净的答案:

Name:
Pwd:


3> StriplingWar..:

我尝试了各种基于javascript/jQuery的策略,但我一直遇到问题.当用户使用回车键从浏览器的内置自动完成列表中进行选择时,出现的最新问题涉及意外提交.我终于切换到这个策略,这似乎适用于我公司支持的所有浏览器:

.hidden-submit {
    border: 0 none;
    height: 0;
    width: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

这类似于Chris Marasti-Georg目前接受的答案,但通过避免display: none,它似乎在所有浏览器上都能正常工作.

更新

我编辑了上面的代码以包含负数,tabindex因此它不会捕获Tab键.虽然这在技术上不会在HTML 4中验证,但HTML5规范包含的语言使其工作方式与大多数浏览器已经实现它的方式相同.



4> Joel Purra..:

使用

设置有三种类型

标准

关于W3C维基

推荐阅读
mylvfamily
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有