有些時候我們在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> 去掉輸入框的回車事件的方法
onkeydown="return ClearSubmit(event)"
<input type="text" onkeydown="return ClearSubmit(event)" />
function ClearSubmit(e) {
if (e.keyCode == 13) {
return false;
}
}