1.input回車事件不執行導致頁面刷新

場景：在文本框中輸入關鍵字按回車，頁面自動刷新了

<form name="keywordForm" method="post" action="">  
<p id="profile_nav">  
<label for="profile"> 關鍵字搜索： </label>  
<input style="width:80; height:20" type="text" name="keyword" onkeypress="searchKeywordKeyboard(event)" />  
<input type="
 
button" value="搜索" onClick="searchKeyword()">  
</p> 
</form>

解決方法1：

　　一個表單下，如果只有一個文本框時，按下回車將會觸發表單的提交事件。　　既然是只有一個文本框才會出問題，那麽可以加一個隱藏的文本框

解決方法2：（推薦）

　　<form name="keywordForm" method="post" action="" onsubmit="return false;">　　就是在表單 form 後面加上一個 onsubmit 事件，返回 false，來阻止 form 提交。

解決方法3：（不推薦）

document.onkeydown=function(e){
        var e = e || event;
        var currKey = e.keyCode || e.which || e.charCode;//支持IE,FireFox
        if (currKey == 13) {
            return false;
        }
    }

解決方法4：

<input type="text"  onkeydown="return ClearSubmit(event)" />
 function ClearSubmit(e) {
      
 
if (e.keyCode == 13) {
         return false;
      }
   }

Html input 常見問題