如何让form表单在enter键入时不提交
2010-07-20 23:19
295 查看
今天在做我的一个小玩意 在线聊天工具的时候
form表单只有一个text和一个button每当我键入enter的时候就刷新。很是郁闷,直接在form上onsumbit=false。才行。
下面是我查询到的结果。
<input type="text" onkeydown="if(event.keyCode==13){fun1();}"/>
这样在文本输入框内输入文字后直接敲击回车,也会执行fun1函数
有个疑问问下大家,onkeydown事件能为form或者div这样的元素注册吗,比如说
<div onkeydown=" if(event.keyCode==13){fun1();} "></div>
就是希望在焦点在div层的任何一个地方的时候,敲击回车活也执行fun1,而不是非要焦点在文本输入框的时候敲击回车才去执行fun1,那位清楚的探讨下,我试了下貌似不行
form表单只有一个text和一个button每当我键入enter的时候就刷新。很是郁闷,直接在form上onsumbit=false。才行。
下面是我查询到的结果。
1.form表单回车后自动提交总结
默认情况下,一个文本框的时候,提交,不管按钮type是submit还是button
一个文本框的时候怎么才能做到不提交,方法是加一个隐藏掉的文本框
只要有type为submit的按钮存在,一个文本框还是多个文本框都提交
多个文本框的时候,不提交,用type为button的按钮就行啦
用button元素时,FX和IE下有不同的表现
radio和checkbox在FX下也会触发提交表单,在IE下不会type为image的按钮,等同于type为submit的效 果
2. 如果 onsubmit 句柄返回 fasle,表单的元素就不会提交。如果该函数返回其他值或什么都没有返回,则表单会被提交。
由于 onsubmit 句柄可以取消表单的提交,所以它对于进行表单验证是十分理想的;这样的话,修改form的onsubmit事件可以让敲入回车的时候执行我们想要的操作而不跳转到action所指定的url,如下:
<form action="myurl" onSubmit="fun1();return false;">执行fun1后不会跳转,方便表单操作
3.使用onkeydown事件,如下:<input type="text" onkeydown="if(event.keyCode==13){fun1();}"/>
这样在文本输入框内输入文字后直接敲击回车,也会执行fun1函数
有个疑问问下大家,onkeydown事件能为form或者div这样的元素注册吗,比如说
<div onkeydown=" if(event.keyCode==13){fun1();} "></div>
就是希望在焦点在div层的任何一个地方的时候,敲击回车活也执行fun1,而不是非要焦点在文本输入框的时候敲击回车才去执行fun1,那位清楚的探讨下,我试了下貌似不行
相关文章推荐
- 如何让form表单在enter键入时不提交
- 转载: 如何让form表单在enter键入时不提交
- 如何在servlet中获取jsp中form表单提交的变量,以及jsp与servlet之间的数据传递
- 如何设置用Ctrl+Enter提交表单
- 按enter键时如何避免表单自动提交
- 在同一form表单中如何提交两个不同的action
- go语言form表单提交以及后台如何接收并返回做一个简单的解释
- jsp中普通按钮如何提交form表单
- 如何通过javascript提交表单form
- 在同一form表单中如何提交两个不同的action
- Extjs的form表单中,如何不提交数据
- 如何防止回车(enter)键提交表单
- 非form表单形式提交,如何从request中获取参数?
- form表单提交之Enter提交
- 文件上传下载时,在form表单中设置属性enctype=“multipart/form-data”的情况下,如何获取表单提交的值?
- 如何防止回车(enter)键提交表单
- 如何屏蔽按回车提交form表单的动作
- form表单按enter键自动提交的问题
- Action如何接收jsp页面form表单提交的数据?
- ajax(或者jquery)如何提交整个form表单