一、采用钩子事件去捕获

键盘事件有3个：

keydown，keypress，keyup分别是按下，按着没上抬，上抬键盘 。

$(document).keyup(function(event){

  if(event.keyCode ==13){

    $("#submit").trigger("click");

  }

});

推荐：keyup，防止笔记本键盘不小心触摸到。

1、有些文档中有写成这样：

$(window).keydown（function(){

...

}）

XP系统IE6下是不成功的。

2、还有input的

$("input").keydown（function(){

...

}）

这种情况要在input获取焦点时候，才能监听到键盘事件。

二、采用form表单的形式

1、回车测试：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=GBK">

    <title>submit例子 - aspxhome.com</title>

</head>

<body>

    <h1>本demo演示在文本框中按enter键是否触发提交表单</h1>

    <h2>默认情况下，一个文本框的时候，提交，不管按钮type是submit还是button</h2>

    <form action="http://www.csdn.net">

        <input type="text">

        <input type="button" value="提交">

    </form>

    <h2>一个文本框的时候怎么才能做到不提交，方法是加一个隐藏掉的文本框</h2>

    <form action="http://www.csdn.net">

        <input type="text">

        <input type="text" style="display:none">

        <input type="button" value="提交">

    </form>

    <h2>只要有type为submit的按钮存在，一个文本框还是多个文本框都提交</h2>

    <form action="http://www.csdn.net">

        <input type="text">

        <input type="submit" value="提交">

    </form>

    <h2>只要有type为submit的按钮存在，一个文本框还是多个文本框都提交</h2>

    <form action="http://www.csdn.net">

        <input type="text">

        <input type="text">

        <input type="submit" value="提交">

    </form>

    <h2>多个文本框的时候，不提交，用type为button的按钮就行啦</h2>

    <form action="http://www.csdn.net">

        <input type="text">

        <input type="text">

        <input type="button" value="提交">

    </form>

    <h2>用button元素时，FX和IE下有不同的表现</h2>

    <form action="http://www.csdn.net">

        <input type="text">

        <input type="text">

        <button>提交</button>

    </form>

    <h2>radio和checkbox在FX下也会触发提交表单，在IE下不会</h2>

    <form action="http://www.csdn.net">

        <input type="text">

        <input type="radio" name="a">

        <input type="checkbox" name="b">

        <input type="checkbox" name="c">

        <input type="button" value="提交">

    </form>

    <h2>type为image的按钮，等同于type为submit的效果</h2>

    <form action="http://www.csdn.net">

        <input type="text">

        <input type="text">

        <input type="image" src="/images/logo.gif">

    </form>

</body>

</html>

2、在form标签中来禁止enter键提交：

<form name="form" action="" method="post" onkeydown="if(event.keyCode==13)return false;" onSubmit="return checkSubmit();">

3、可以在form中增加一个隐藏的输入框。

4、可以在type="test"中增加onkeypress="javascript:return gosearch();"方法。

参考：

http://www.cnblogs.com/soundcode/p/6607746.html（以上内容转自此篇文章）

http://blog.csdn.net/u010871655/article/details/51260878（以上内容小部分转自此篇文章）

Javascript控制回车键进行表单（form）提交（转）的更多相关文章

  1. ajax+FormData+javascript实现无刷新表单信息提交

    ajax+FormData+javascript实现无刷新表单信息提交 原理: dom收集表单信息,利用FormData快速收集表单信息  ,实例化表单数据对象 同时收集fm的表单域信息. var f ...

  2. form表单中只有一个input时，按回车键后表单自动提交(form表单的一个小坑)

    form中只有一个input按回车键表单会自动提交 在一个form表单中,若只有一个input,按回车键表单会自动提交,但是当表单中存在多个input时,按回车键不会执行任何操作,这是form表单的一 ...

  3. mvc表单Form提交 --实体

    1.方式1:字段加验证 @model MvcWeb.Models.UserInfo @{ ViewBag.Title = "Add"; } <h2>Add</h2 ...

  4. JavaWeb学习总结（十一）：Session解决form表单重复提交

    在平时开发中,如果网速比较慢的情况下,用户提交表单后,发现服务器半天都没有响应,那么用户可能会以为是自己没有提交表单,就会再点击提交按钮重复提交表单,我们在开发中必须防止表单重复提交. 一.表单重复提 ...

  5. java web学习总结(十三) -------------------使用Session防止表单重复提交

    在平时开发中,如果网速比较慢的情况下,用户提交表单后,发现服务器半天都没有响应,那么用户可能会以为是自己没有提交表单,就会再点击提交按钮重复提交表单,我们在开发中必须防止表单重复提交. 一.表单重复提 ...

  6. JavaWeb防止表单重复提交(转载）

    转载自:http://blog.csdn.net/ye1992/article/details/42873219 在平时开发中,如果网速比较慢的情况下,用户提交表单后,发现服务器半天都没有响应,那么用 ...

  7. JavaWeb---总结(十三)使用Session防止表单重复提交

    在平时开发中,如果网速比较慢的情况下,用户提交表单后,发现服务器半天都没有响应,那么用户可能会以为是自己没有提交表单,就会再点击提交按钮重复提交表单,我们在开发中必须防止表单重复提交. 一.表单重复提 ...

  8. [Java拾遗五]使用Session防止表单重复提交

    申明:此文章属于转载, 转自博客: http://www.cnblogs.com/xdp-gacl/p/3859416.html在平时开发中,如果网速比较慢的情况下,用户提交表单后,发现服务器半天都没 ...

  9. java web 学习十三（使用session防止表单重复提交）

    在平时开发中,如果网速比较慢的情况下,用户提交表单后,发现服务器半天都没有响应,那么用户可能会以为是自己没有提交表单,就会再点击提交按钮重复提交表单,我们在开发中必须防止表单重复提交. 一.表单重复提 ...

随机推荐

  1. [Swift通天遁地]九、拔剑吧-(5)创建Tab图标具有多种样式的Tab动画

    ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★➤微信公众号:山青咏芝(shanqingyongzhi)➤博客园地址:山青咏芝(https://www.cnblogs. ...

  2. SpringBoot集成CAS单点登录，SSO单点登录，CAS单点登录（视频资料分享篇）

    单点登录(Single Sign On),简称为 SSO,是目前比较流行的企业业务整合的解决方案之一.SSO的定义是在多个应用系统中,用户只需要登录一次就可以访问所有相互信任的应用系统. 很早期的公司 ...

  3. golang——常用内建函数

    (1)func len(v Type) int 返回长度,取决于具体类型:字符串返回字节数:channel返回缓存元素的个数: (2)func cap(v Type) int 返回容量,取决于具体类型 ...

  4. Netty--数据通信和心跳检测

    数据通信 概述: netty的ReadTimeOut实现方案3 服务端: public class Server { public static void main(String[] args) th ...

  5. [python] ThreadPoolExecutor线程池

    初识 Python中已经有了threading模块,为什么还需要线程池呢,线程池又是什么东西呢?在介绍线程同步的信号量机制的时候,举得例子是爬虫的例子,需要控制同时爬取的线程数,例子中创建了20个线程 ...

  6. ACM_Alien And Password

    Alien And Password Time Limit: 2000/1000ms (Java/Others) Problem Description: Alien Fred wants to de ...

  7. Swift自适应布局（Adaptive Layout）教程

    通用的Storyboard 通用的stroyboard文件是通向自适应布局光明大道的第一步.在一个storyboard文件中适配iPad和iPhone的布局在iOS8中已不再是梦想.我们不必再为不同尺 ...

  8. 从源码看ASP.NET框架（一）-打造页面控件树

    测试实例如下: 前台代码MyFirstWeb.aspx(没有服务器控件,即没有runat) CodeBehind="MyFirstWeb.aspx.cs":表示代码后置类文件 In ...

  9. OFDM同步算法之Schmidl算法

    Schmidl算法代码 算法原理 训练序列结构 T=[A A],其中A表示复伪随机序列PN,进行N/2点ifft变换得到的符号序列 \[M(d)=\frac{\left | P(d) \right | ...

  10. css文本背景样式

    文本样式 文本类 text-transform:uppercase: 全部变为大写 text-transform:lowercase: 全部变为小写 text-transform:capitalize ...