Jquery響應(yīng)回車(chē)鍵直接提交表單操作代碼
事情是這樣的,做了一個(gè)登陸頁(yè)面,把 Form 去了,直接拿 Jquery 的 Ajax 跟服務(wù)器交互,但是這樣的話(huà) 瀏覽器就不會(huì)默認(rèn)響應(yīng) 回車(chē)鍵提交數(shù)據(jù)了。索性讓 Jquery 也接管 回車(chē)鍵的響應(yīng)吧:
$("#loginbox input[type='submit']").click(function() {
//Ajax 與服務(wù)器交互驗(yàn)證
});
$('#loginbox').keydown(function(e){
if(e.keyCode == 13){
//模擬點(diǎn)擊登陸按鈕,觸發(fā)上面的 Click 事件
$("#loginbox input[type='submit']").click();
}
});
如果使用keydown的話(huà),IE6可能無(wú)效,解決方法請(qǐng)接著往下看
鍵盤(pán)事件有3:
keydown,keypress,keyup,分別是按下,按著沒(méi)上抬,上抬鍵盤(pán) 。
正確代碼為:
$(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)事件。
相關(guān)文章
jquery實(shí)現(xiàn)帶二級(jí)菜單的導(dǎo)航示例
這篇文章主要介紹了jquery實(shí)現(xiàn)帶二級(jí)菜單的導(dǎo)航示例,需要的朋友可以參考下2014-04-04利用JQuery和Servlet實(shí)現(xiàn)跨域提交請(qǐng)求示例分享
這篇文章主要介紹了利用JQuery和Servlet實(shí)現(xiàn)跨域提交請(qǐng)求示例,需要的朋友可以參考下2014-02-02jQuery 常用特效實(shí)例小結(jié)【顯示與隱藏、淡入淡出、滑動(dòng)、動(dòng)畫(huà)等】
這篇文章主要介紹了jQuery 常用特效,結(jié)合實(shí)例形式總結(jié)分析了jquery顯示與隱藏、淡入淡出、滑動(dòng)、動(dòng)畫(huà)等常用特效實(shí)現(xiàn)技巧,需要的朋友可以參考下2020-05-05jquery中的 $("#jb51")與document.getElementById("
以前沒(méi)注意過(guò),認(rèn)為jquery 中的 $("#jb51") 與 document.getElementById("jb51") 是一回事,指的是同一個(gè)東西。2011-07-07jQuery實(shí)現(xiàn)鼠標(biāo)滑過(guò)商品小圖片上顯示對(duì)應(yīng)大圖片功能【測(cè)試可用】
這篇文章主要介紹了jQuery實(shí)現(xiàn)鼠標(biāo)滑過(guò)商品小圖片上顯示對(duì)應(yīng)大圖片功能,涉及jQuery事件響應(yīng)、元素遍歷及屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-04-04jQuery簡(jiǎn)單動(dòng)畫(huà)變換效果實(shí)例分析
這篇文章主要介紹了jQuery簡(jiǎn)單動(dòng)畫(huà)變換效果,結(jié)合實(shí)例形式分析了jQuery使用toggle及animate等方法動(dòng)態(tài)操作頁(yè)面元素樣式的相關(guān)技巧,需要的朋友可以參考下2016-07-07