DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> Jquery響應回車鍵直接提交表單操作代碼
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獲取焦點時候,才能監聽到鍵盤事件。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved