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