现象:
form表单,输入框聚焦后,回车,页面刷新跳转。
原因:
form表单,在只有一个输入框的时候,在点击回车时,就会触发表单的提交,而form若没有url,则提交后就会刷新页面,导致跳转。
解决:
1.禁用document的回车事件
在不知道原因的情况下,可以直接禁用document的回车事件。
function document.onkeydown() { var e = event.srcElement; if (event.keyCode == 13) { return false; } }
2.禁用该输入框的回车事件
禁用该输入框的回车事件。
<input type="text" οnkeydοwn="return ClearSubmit(event)" /> function ClearSubmit(e) { if (e.keyCode == 13) { return false; } }
3.隐藏输入框
知道原因后,可以采用增加一个隐藏输入框的方法,避免回车提交。
1 <input id="hiddenText" type="text" style="display:none" />