比如搜索行为，希望输入完关键词之后直接按回车键立即提交表单，而有些复杂表单，可能要避免回车键误操作在未完成表单填写的时候就触发了表单提交。 要控制这些行为，不需要借助JS，浏览器已经帮我们做了这些处理，这里总结几条规则： 如果表单里有一个type=”submit”的按钮，回车键生效。 如果表单里只有一个type=”text”的input，不管按钮是什么type，回车键生效。 如果按钮不是用input，而是用button，并且没有加type，IE下默认为type=button，FX默认为type=submit。 其他表单元素如textarea、select不影响，radio checkbox不影响触发规则，但本身在FX下会响应回车键，在IE下不响应。 type=”image”的input，效果等同于type=”submit”，不知道为什么会设计这样一种type，不推荐使用，应该用CSS添加背景图合适些。 实际应用的时候，要让表单响应回车键很容易，保证表单里有个type=”submit”的按钮就行。而当只有一个文本框又不希望响应回车键怎么办呢？我的方法有点别扭，就是再写一个无意义的文本框，隐藏起来。根据第3条规则，我们在用button的时候，尽量显式声明type以使浏览器表现一致。 做了一个 demo(点击查看) 列出了一些例子。 submit 本demo演示在文本框中按enter键是否触发提交表单 默认情况下，一个文本框的时候，提交，不管按钮type是submit还是button 一个文本框的时候怎么才能做到不提交，方法是加一个隐藏掉的文本框 只要有type为submit的按钮存在，一个文本框还是多个文本框都提交 只要有type为submit的按钮存在，一个文本框还是多个文本框都提交 多个文本框的时候，不提交，用type为button的按钮就行啦 用button元素时，FX和IE下有不同的表现 提交 radio和checkbox在FX下也会触发提交表单，在IE下不会 type为image的按钮，等同于type为submit的效果 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

　　推荐阅读

　　Js 刷新框架页的代码

先来看一个简单的例子： 下面以三个页面分别命名为frame.html、top.html、bottom.html为例来具体说明如何做。 frame.html 由上(top.html)下(bottom.html)两个页面组成，代码如下： 复制代码 代码如下: <!DOCTYPE H>>>详细阅读

本文标题：javascript 回车键触发表单提交的问题

地址：http://www.17bianji.com/kaifa2/JS/26602.html

 1/2    1