jQuery響應enter鍵的實現思路

有時候我們有這樣的需求：當使用者在表單裡資料完資料後，之間按enter鍵就可以執行查詢或者儲存的操作。實現的思路如下。

讓你的form表單或需要響應enter鍵的地區處於div之間。形如：
複製代碼 代碼如下:
<div class="top_inputbox">

單位名稱：<input class="inp" type="text" name="qureyBean.com_name"
value="${qureyBean.com_name}" />

<a href="javascript:firstPage();">查詢</a>

</div>

響應鍵盤enter鍵的js：
複製代碼 代碼如下:
$(".top_inputbox").keypress(function (e){
var code = event.keyCode;
if (13 == code) {
alert("響應鍵盤的enter事件");
}
});

這樣你就可以alert做你想做的操作了。

公司目前用的是這樣的響應：
複製代碼 代碼如下:
//斷行符號快捷查詢
$(".top_inputbox").keypress(function (e) {
var keyCode = e.keyCode ? e.keyCode : e.which ? e.which : e.charCode;
if (keyCode == 13){
alert("響應鍵盤的enter事件");
}
});

我在網上搜了一下，e.keyCode ? e.keyCode : e.which ? e.which : e.charCode 這是為了相容性。