Jquery響應(yīng)回車鍵直接提交表單操作代碼
事情是這樣的,做了一個登陸頁面,把 Form 去了,直接拿 Jquery 的 Ajax 跟服務(wù)器交互,但是這樣的話 瀏覽器就不會默認(rèn)響應(yīng) 回車鍵提交數(shù)據(jù)了。索性讓 Jquery 也接管 回車鍵的響應(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的話,IE6可能無效,解決方法請接著往下看
鍵盤事件有3:
keydown,keypress,keyup,分別是按下,按著沒上抬,上抬鍵盤 。
正確代碼為:
$(document).keyup(function(event){
if(event.keyCode ==13){
$("#submit").trigger("click");
}
});
推薦:keyup,防止筆記本鍵盤不小心觸摸到了
1.有些文檔中有寫成這樣:
$(window).keydown(function(){
...
})
XP系統(tǒng)IE6下是不成功的。
2.還有INPUT的
$("input").keydown(function(){
...
})
這種情況要在input獲取焦點(diǎn)時(shí)候,才能監(jiān)聽到鍵盤事件。
相關(guān)文章
jquery實(shí)現(xiàn)帶二級菜單的導(dǎo)航示例
這篇文章主要介紹了jquery實(shí)現(xiàn)帶二級菜單的導(dǎo)航示例,需要的朋友可以參考下2014-04-04利用JQuery和Servlet實(shí)現(xiàn)跨域提交請求示例分享
這篇文章主要介紹了利用JQuery和Servlet實(shí)現(xiàn)跨域提交請求示例,需要的朋友可以參考下2014-02-02jQuery 常用特效實(shí)例小結(jié)【顯示與隱藏、淡入淡出、滑動、動畫等】
這篇文章主要介紹了jQuery 常用特效,結(jié)合實(shí)例形式總結(jié)分析了jquery顯示與隱藏、淡入淡出、滑動、動畫等常用特效實(shí)現(xiàn)技巧,需要的朋友可以參考下2020-05-05jquery中的 $("#jb51")與document.getElementById("
以前沒注意過,認(rèn)為jquery 中的 $("#jb51") 與 document.getElementById("jb51") 是一回事,指的是同一個東西。2011-07-07jQuery實(shí)現(xiàn)鼠標(biāo)滑過商品小圖片上顯示對應(yīng)大圖片功能【測試可用】
這篇文章主要介紹了jQuery實(shí)現(xiàn)鼠標(biāo)滑過商品小圖片上顯示對應(yīng)大圖片功能,涉及jQuery事件響應(yīng)、元素遍歷及屬性動態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-04-04