下面小編就為大家?guī)硪黄猨query按回車鍵實現(xiàn)表單提交的簡單實例,。小編覺得挺不錯的,，現(xiàn)在分享給大家,，也給大家做個參考。一起跟隨小編過來看看吧
本文章在給大家介紹在用戶輸入完信息之后直接按回車進行表單提交的jquery實現(xiàn)方法,，有需要了解的朋友可進來參考以,。
鍵盤事件有3：
jquery鍵盤事件參考：
1、keydown()
keydown事件會在鍵盤按下時觸發(fā).
2,、keyup()
keyup事件會在按鍵釋放時觸發(fā),也就是你按下鍵盤起來后的事件
3,、keypress()
keypress事件會在敲擊按鍵時觸發(fā),我們可以理解為按下并抬起同一個按鍵
正確代碼為：
1 2 3 4 5 6 | $(document).keyup(function(event){
if(event.keyCode ==13){
$("#submit").trigger("click");
}
});
|
推薦：keyup，防止筆記本鍵盤不小心觸摸到了
1.有些文檔中有寫成這樣：
1 2 3 4 | $(window).keydown（function(){
...
}）
|
XP系統(tǒng)IE6下是不成功的,。
2.還有INPUT的
1 2 3 4 | $("input").keydown（function(){
...
}）
|
這種情況要在input獲取焦點時候,，才能監(jiān)聽到鍵盤事件。
例表單如下：
1 2 3 4 5 6 7 | <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="" class="log_btn" /></p>
</div>
</form>
|
juqery實現(xiàn)方法：
1 2 3 4 5 6 7 | $("#loginform").keydown(function(e){
var e = e || event,
keycode = e.which || e.keyCode;
if (keycode==13) {
$(".log_btn").trigger("click");
}
});
|
|
