有些时候我们在form表单的中,鼠标放在input框的时候,点击回车键会出现刷新页面的情况,原因:当我们点击回车的时候自动提交数据,并刷新页面。
解决的方法:
1、处理form (取消默认提交)
在form中添加事件 <form
onsubmit
=
"
return false;">.......</form>
2、增加一个隐藏的输入框,改变单个输入框(变成多个input框,让系统认为多个输入框)
<
input
id
=
"hiddenText"
type
=
"text"
style
=
"display:none"
/>
3、屏蔽回车键
1> 全局去掉回车事件的方法
function document.onkeydown() {
var e = event.srcElement;
if (event.keyCode == 13) {
return false;
}
}
2> 去掉输入框的回车事件的方法
οnkeydοwn="return ClearSubmit(event)"
<input type="text" οnkeydοwn="return ClearSubmit(event)" />
function ClearSubmit(e) {
if (e.keyCode == 13) {
return false;
}
}