jquery按回車鍵實(shí)現(xiàn)表單提交的簡(jiǎn)單實(shí)例

字號(hào):


    本文章在給大家介紹在用戶輸入完信息之后直接按回車進(jìn)行表單提交的jquery實(shí)現(xiàn)方法,有需要了解的朋友可進(jìn)來參考以。
    鍵盤事件有3:
    jquery鍵盤事件參考:
    1、keydown()
    keydown事件會(huì)在鍵盤按下時(shí)觸發(fā).
    2、keyup()
    keyup事件會(huì)在按鍵釋放時(shí)觸發(fā),也就是你按下鍵盤起來后的事件
    3、keypress()
    keypress事件會(huì)在敲擊按鍵時(shí)觸發(fā),我們可以理解為按下并抬起同一個(gè)按鍵
    正確代碼為:
    $(document).keyup(function(event){
     if(event.keyCode ==13){
      $("#submit").trigger("click");
     }
    });
    推薦:keyup,防止筆記本鍵盤不小心觸摸到了
    1.有些文檔中有寫成這樣:
    $(window).keydown(function(){
    ...
    })
    XP系統(tǒng)IE6下是不成功的。
    2.還有INPUT的:
    $("input").keydown(function(){
    ...
    })
    這種情況要在input獲取焦點(diǎn)時(shí)候,才能監(jiān)聽到鍵盤事件。
    例表單如下:
    <form name="loginform" id="loginform" method="post">
     <div>   
       <p>用戶名:<input type="text" name="username" /></p>
       <p>密碼:<input type="password" name="password" /></p>
       <p><input type="button" value="" /></p>
     </div>
    </form>
    juqery實(shí)現(xiàn)方法:
    $("#loginform").keydown(function(e){
     var e = e || event,
     keycode = e.which || e.keyCode;
     if (keycode==13) {
     $(".log_btn").trigger("click");
     }
    });
    以上這篇jquery按回車鍵實(shí)現(xiàn)表單提交的簡(jiǎn)單實(shí)例就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考