Jquery響應回車鍵直接提交表單操作代碼
更新時間：2014年07月25日 10:43:50 投稿：junjie
這篇文章主要介紹了Jquery響應回車鍵直接提交表單操作代碼,推薦使用keyup哦,文中有說明,需要的朋友可以參考下
事情是這樣的，做了一個登陸頁面，把 Form 去了，直接拿 Jquery 的 Ajax 跟服務器交互，但是這樣的話 瀏覽器就不會默認響應 回車鍵提交數(shù)據(jù)了。索性讓 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動畫3.創(chuàng)建一個帶遮罩效果的圖片走廊
今天我們要完成的是一個帶有遮罩效果（補間動畫）的圖片走廊jquery插件：jquery.tranzify.js2012-08-08
在IE瀏覽器下，一般的ajax的方法都是cache等于true的，下面有幾個不錯的解決方法，感興趣的朋友可以參考下2013-11-11
jquery實現(xiàn)將獲取的顏色值轉換為十六進制形式的方法
這篇文章主要介紹了jquery實現(xiàn)將獲取的顏色值轉換為十六進制形式的方法,包含了完整的實例與關鍵代碼的注釋說明,并附帶了所需知識點的參考文章地址,具有一定的參考借鑒價值,需要的朋友可以參考下2014-12-12
基于jQuery的網(wǎng)頁右下角彈出廣告(IE7,firefox)
以前曾寫過一個,不過太麻煩了,呵呵```現(xiàn)在改進了一下,其實很簡單:css定位層一直在右下角,用js控制層的高度增減。2010-08-08
選擇用戶是一個比較常用的功能，主要包含2個功能點（保存已選選項、顯示已選用戶）2014-07-07
jquery使用slideDown實現(xiàn)模塊緩慢拉出效果的方法
這篇文章主要介紹了jquery使用slideDown實現(xiàn)模塊緩慢拉出效果的方法,涉及slideDown方法操作模塊展示效果的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
jquery判斷復選框選中狀態(tài)以及區(qū)分attr和prop
這篇文章主要介紹了jquery判斷復選框選中狀態(tài)以及區(qū)分attr和prop，感興趣的小伙伴們可以參考一下2015-12-12
解決JQuery的ajax函數(shù)執(zhí)行失敗alert函數(shù)彈框一閃而過問題
這篇文章主要介紹了解決JQuery的ajax函數(shù)執(zhí)行失敗alert函數(shù)彈框一閃而過問題,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2019-04-04
這篇文章主要介紹了jQuery實現(xiàn)設置、移除文本框默認值功能,本文實現(xiàn)是類似html5 placeholder（空白提示）效果,正常時文本框有提示文字,當文本框獲得焦點時變?yōu)榭瞻?需要的朋友可以參考下2015-01-01
在程序提交后，為了提高用戶體驗我們需要驗證并提示出錯的位置，利用JQuery我們可以輕松實現(xiàn)氣泡提示，需要的朋友可以了解下2012-12-12