Jquery響應回車鍵直接提交表單操作代碼_jquery

事情是這樣的，做了一個登陸頁面，把 Form 去了，直接拿 Jquery 的 Ajax 跟服務器交互，但是這樣的話 瀏覽器就不會默認響應 回車鍵提交數據了。索性讓 Jquery 也接管 回車鍵的反應：

複製程式碼 程式碼如下:

$("#loginbox input[type='submit']").click(function() {
    //Ajax 與伺服器互動驗證
});
$('#loginbox').keydown(function(e){
    if(e.keyCode == 13){
        //模擬點選登陸按鈕，觸發上面的 Click 事件
        $("#loginbox input[type='submit']").click();
    }
});

如果使用keydown的話，IE6可能無效，解決方法請接著往下看

鍵盤事件有3：

keydown，keypress，keyup，分別是按下，按著沒上抬，上抬鍵盤 。

正確程式碼為：

複製程式碼 程式碼如下:

$(document).keyup(function(event){
  if(event.keyCode ==13){
    $("#submit").trigger("click");
  }
});

推薦：keyup，防止筆記本鍵盤不小心觸摸了

1.有些文件中有寫成這樣：

複製程式碼 程式碼如下:

$(window).keydown（function(){
...
}）

XP系統IE6下是不成功的。

2.還有INPUT的

複製程式碼 程式碼如下:

$("input").keydown（function(){
...
}）

這種情況要在input取得焦點時候，才能監聽到鍵盤事件。