回車提交表單

填寫完表單數據之後，很多用戶喜歡直接按回車提交，感覺速度比較快，省去了拿滑鼠找“提交”按鈕再單擊的時間。

今天我們就來實現一下：

原理：

1，獲取“Enter”按鍵的code:

　相容不同的瀏覽器的寫法如下：

var keyCode = e.keyCode || e.which || e.charCode

2，監聽鍵盤onkeyup事件：

window.onkeyup = function(e){
  e = e || window.event; //獲取事件對象  
}

3，判斷code鍵碼是否為13(代表enter的鍵碼)

var keyCode = e.keyCode || e.which || e.charCode; //獲取鍵碼
if(keyCode === 13){
  alert('你按下了enter鍵');
}else{
  alert('你不是按的enter鍵')
}

詳細的javascript代碼：

window.onkeyup = function(e){
    e = e || window.event;
    var keyCode = e.keyCode || e.which || e.charCode;
    if(keyCode === 13){
        if(userName.value.length > 0){
            alert('提交成功！')
        }else{
            userName.focus();
        }
    }
}        

HTML：

<input id="userName" type="text" placeholder="請輸入用戶名">

掃描二維碼關註微信公眾號：