有時候我們有這樣的需求:當用戶在表單裡數據完數據後,之間按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 這是為了兼容性。