input得到焦點時,點擊回車刷新頁面的解決方法


有些時候我們在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;
            }
   }


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM