DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jQuery響應enter鍵的實現思路
jQuery響應enter鍵的實現思路
編輯:JQuery特效代碼     
有時候我們有這樣的需求:當用戶在表單裡數據完數據後,之間按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 這是為了兼容性。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved