1. 程式人生 > >jquery按回車鍵實現表單提交程式碼

jquery按回車鍵實現表單提交程式碼

jquery鍵盤事件參考:
1、keydown()
keydown事件會在鍵盤按下時觸發.
2、keyup()
keyup事件會在按鍵釋放時觸發,也就是你按下鍵盤起來後的事件
3、keypress()

keypress事件會在敲擊按鍵時觸發,我們可以理解為按下並擡起同一個按鍵

正確程式碼為:

 程式碼如下 複製程式碼

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

推薦:keyup,防止筆記本鍵盤不小心觸控到了

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

 程式碼如下 複製程式碼

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

XP系統IE6下是不成功的。

2.還有INPUT的

 程式碼如下 複製程式碼

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

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


例表單如下:

 程式碼如下 複製程式碼

<form name="loginform" id="loginform"  method="post">
 <div>     
      <p>使用者名稱:<input  type="text" name="username" /></p>
      <p>密碼:<input  type="pass

word" name="password" /></p>
      <p><input type="button" value="" class="log_btn" /></p>
  </div>
</form>

juqery實現方法:

 程式碼如下 複製程式碼

 $("#loginform").keydown(function(e){
 var e = e || event,
 keycode = e.which || e.keyCode;
 if (keycode==13) {
  $(".log_btn").trigger("click");
 }
});