首頁 > web前端 > js教程 > Jquery響應回車鍵直接提交表單操作代碼_jquery

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

WBOY
發布: 2016-05-16 16:41:15
原創
1330 人瀏覽過

事情是這樣的,做了一個登陸頁面,把 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取得焦點時候,才能監聽到鍵盤事件。
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板