Jquery響應回車鍵直接提交表單操作代碼
更新時間:2014年07月25日 10:43:50 投稿:junjie
這篇文章主要介紹了Jquery響應回車鍵直接提交表單操作代碼,推薦使用keyup哦,文中有說明,需要的朋友可以參考下
事情是這樣的,做了一個登陸頁面,把 Form 去了,直接拿 Jquery 的 Ajax 跟服務器交互,但是這樣的話 瀏覽器就不會默認響應 回車鍵提交數據了。索性讓 Jquery 也接管 回車鍵的響應吧:
復制代碼 代碼如下:
$("#loginbox input[type='submit']").click(function() {
//Ajax 與服務器交互驗證
});
$('#loginbox').keydown(function(e){
if(e.keyCode == 13){
//模擬點擊登陸按鈕,觸發(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獲取焦點時候,才能監(jiān)聽到鍵盤事件。
相關文章
jQuery 常用特效實例小結【顯示與隱藏、淡入淡出、滑動、動畫等】
這篇文章主要介紹了jQuery 常用特效,結合實例形式總結分析了jquery顯示與隱藏、淡入淡出、滑動、動畫等常用特效實現技巧,需要的朋友可以參考下2020-05-05jquery中的 $("#jb51")與document.getElementById("
以前沒注意過,認為jquery 中的 $("#jb51") 與 document.getElementById("jb51") 是一回事,指的是同一個東西。2011-07-07jQuery實現鼠標滑過商品小圖片上顯示對應大圖片功能【測試可用】
這篇文章主要介紹了jQuery實現鼠標滑過商品小圖片上顯示對應大圖片功能,涉及jQuery事件響應、元素遍歷及屬性動態(tài)操作相關實現技巧,需要的朋友可以參考下2018-04-04