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

老星果子 2018-04-19

展開(kāi)全文

2016-05-25

下面小編就為大家?guī)?lái)一篇jquery按回車(chē)鍵實(shí)現(xiàn)表單提交的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

本文章在給大家介紹在用戶(hù)輸入完信息之后直接按回車(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>用戶(hù)名：<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");

}

});

本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間，所有內(nèi)容均由用戶(hù)發(fā)布，不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購(gòu)買(mǎi)等信息，謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)點(diǎn)擊一鍵舉報(bào)。

轉(zhuǎn)藏 分享

QQ空間 QQ好友新浪微博微信

獻(xiàn)花（0） +1

來(lái)自：老星果子 > 《JQUERY》

舉報(bào)/認(rèn)領(lǐng)