光标定位文本框回车表单提交的问题
2015-01-16 16:58
543 查看
当光标定位在辅助查找的文本框后回车,页面会出现方法的返回的json串。原因:When there is only one single-line text input field in a form, the user agent should accept Enter in that field as a request to submit the form. 翻译一下,当form中只有一个input type="text"时,当用户按回车键会提交这个form。解决方案:对input text的onkeydown事件做处理,禁止回车操作。
具体代码:
<p><input class="text text-1" type="text" name="name" id="notAssociateName" value="" onkeydown="enter_down(event);" /></p>
function enter_down(event){
if(event.keyCode==13){
stopDefault(event);
}
}
function stopDefault(e) {
//如果提供了事件对象,则这是一个非IE浏览器
if(e && e.preventDefault) {
//阻止默认浏览器动作(W3C)
e.preventDefault();
} else {
//IE中阻止函数器默认动作的方式
window.event.returnValue = false;
}
return false;
}
具体代码:
<p><input class="text text-1" type="text" name="name" id="notAssociateName" value="" onkeydown="enter_down(event);" /></p>
function enter_down(event){
if(event.keyCode==13){
stopDefault(event);
}
}
function stopDefault(e) {
//如果提供了事件对象,则这是一个非IE浏览器
if(e && e.preventDefault) {
//阻止默认浏览器动作(W3C)
e.preventDefault();
} else {
//IE中阻止函数器默认动作的方式
window.event.returnValue = false;
}
return false;
}
相关文章推荐
- js光标定位文本框回车表单提交问题的解决方法
- js光标定位文本框回车表单提交问题的解决方法
- JavaScript--简单实现按回车键,光标跳转到后一文本框中和表单提交
- ASP.NET多个用户控件回车提交表单问题
- 关于在.net中web表单 在textbox 中回车页面提交问题的解决方案
- ASP.NET多个用户控件回车提交表单问题解决和获取用户控件上的ID方法
- 在ASP.NET登录页面中如何实现文本框焦点自动跳转及通过回车键提交表单
- 按回车键提交表单 问题
- 如何实现文本框焦点自动跳转及通过回车键提交表单
- 回车键触发表单提交的问题
- 回车网页文本框就提交表单
- 解决 ASP.NET 中文本框上按回车时系统缺省提交按钮的问题
- 如何在文本框输入框里按回车键,光标自动跳转到下一个文本框输入框或者是执行某按钮的提交?
- 解决 ASP.NET 中文本框上按回车时系统缺省提交按钮的问题
- javascript 回车键触发表单提交的问题
- javascript 回车键触发表单提交的问题
- 文本框焦点自动跳转及通过回车键提交表单的几种代码
- 如何实现文本框焦点自动跳转及通过回车键提交表单
- 一页面多个文本框回车提交不同事件问题解决
- 关于表单提交与回车的问题