jQuery響應(yīng)enter鍵的實(shí)現(xiàn)思路
更新時(shí)間：2014年04月18日 15:06:49 作者：
當(dāng)用戶在表單里數(shù)據(jù)完數(shù)據(jù)后，之間按enter鍵就可以執(zhí)行查詢或者保存的操作。實(shí)現(xiàn)的思路如下
有時(shí)候我們有這樣的需求：當(dāng)用戶在表單里數(shù)據(jù)完數(shù)據(jù)后，之間按enter鍵就可以執(zhí)行查詢或者保存的操作。實(shí)現(xiàn)的思路如下。
讓你的form表單或需要響應(yīng)enter鍵的區(qū)域處于div之間。形如：
<div class="top_inputbox">
單位名稱：<input class="inp" type="text" name="qureyBean.com_name"
value="${qureyBean.com_name}" />
<a href="javascript:firstPage();">查詢</a>
</div>
響應(yīng)鍵盤enter鍵的js：
$(".top_inputbox").keypress(function (e){
var code = event.keyCode;
if (13 == code) {
alert("響應(yīng)鍵盤的enter事件");
}
});
這樣你就可以alert做你想做的操作了。
公司目前用的是這樣的響應(yīng)：
//回車快捷查詢
$(".top_inputbox").keypress(function (e) {
var keyCode = e.keyCode ? e.keyCode : e.which ? e.which : e.charCode;
if (keyCode == 13){
alert("響應(yīng)鍵盤的enter事件");
}
});
我在網(wǎng)上搜了一下，e.keyCode ? e.keyCode : e.which ? e.which : e.charCode 這是為了兼容性。
讓你的form表單或需要響應(yīng)enter鍵的區(qū)域處于div之間。形如：
復(fù)制代碼 代碼如下:
<div class="top_inputbox">
單位名稱：<input class="inp" type="text" name="qureyBean.com_name"
value="${qureyBean.com_name}" />
<a href="javascript:firstPage();">查詢</a>
</div>
響應(yīng)鍵盤enter鍵的js：
復(fù)制代碼 代碼如下:
$(".top_inputbox").keypress(function (e){
var code = event.keyCode;
if (13 == code) {
alert("響應(yīng)鍵盤的enter事件");
}
});
這樣你就可以alert做你想做的操作了。
公司目前用的是這樣的響應(yīng)：
復(fù)制代碼 代碼如下:
//回車快捷查詢
$(".top_inputbox").keypress(function (e) {
var keyCode = e.keyCode ? e.keyCode : e.which ? e.which : e.charCode;
if (keyCode == 13){
alert("響應(yīng)鍵盤的enter事件");
}
});
我在網(wǎng)上搜了一下，e.keyCode ? e.keyCode : e.which ? e.which : e.charCode 這是為了兼容性。
您可能感興趣的文章:
- 按Enter鍵觸發(fā)事件的jquery方法實(shí)現(xiàn)代碼
- jquery實(shí)現(xiàn)按Enter鍵觸發(fā)事件示例
- 基于jquery的button默認(rèn)enter事件(回車事件)。
- jquery 按鍵盤上的enter事件
- jQuery事件之鍵盤事件(ctrl+Enter回車鍵提交表單等)
- 修改jQuery.Autocomplete插件 支持中文輸入法 避免TAB、ENTER鍵失效、導(dǎo)致表單提交
- 基于Jquery的實(shí)現(xiàn)回車鍵Enter切換焦點(diǎn)
- Jquery利用mouseenter和mouseleave實(shí)現(xiàn)鼠標(biāo)經(jīng)過彈出層且可以點(diǎn)擊
- 基于Jquery的回車成tab焦點(diǎn)切換效果代碼(Enter To Tab )
- jquery實(shí)現(xiàn)tab鍵進(jìn)行選擇后enter鍵觸發(fā)click行為
相關(guān)文章
easyui下拉框動(dòng)態(tài)級(jí)聯(lián)加載的示例代碼
本篇文章主要介紹了easyui下拉框動(dòng)態(tài)級(jí)聯(lián)加載的示例代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-11-11
jQuery 1.7.2中g(shù)etAll方法的疑惑分析
2012-05-05
鋒利的jQuery 第三章章節(jié)總結(jié)的例子
改寫《鋒利的jQuery》第三章章節(jié)總結(jié)的例子2010-03-03
這篇文章介紹了jQuery 獲取瀏覽器所在的IP地址的小例子，有需要的朋友可以參考一下2013-11-11
jquery與js實(shí)現(xiàn)全選功能的區(qū)別
這篇文章主要介紹了jquery與js實(shí)現(xiàn)全選功能的區(qū)別,需要的朋友可以參考下2017-06-06
.delay()是用來在jQuery動(dòng)畫效果和類似隊(duì)列中是最好的。但是，由于其本身的限制，比如無法取消延時(shí)——.delay()，它不是JavaScript的原生 setTimeout函數(shù)的替代品，這可能是更適合某些使用情況。2014-09-09
本文給大家推薦了25個(gè)jQuery網(wǎng)格特效插件，在此集合中，我們將展示一些非常酷的jQuery插件和資源在網(wǎng)格布局設(shè)計(jì)，提高了數(shù)據(jù)的介紹。一些實(shí)用的插件，一定會(huì)提供一個(gè)美好的用戶體驗(yàn)。同時(shí)，一些精致的資源，這將有助于布局精美的數(shù)據(jù)范圍。2014-11-11
本篇文章主要介紹了jQuery中l(wèi)ayer分頁器的使用，實(shí)例介紹了layer分頁器的技巧，非常具有實(shí)用價(jià)值，需要的朋友可以參考下。2017-03-03
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)購物車功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-06-06
jquery.validation.js在前端驗(yàn)證中使用起來非常方便,提供的功能基本上能滿足大部分驗(yàn)證需求，下面我們就來仔細(xì)研究下這款jQuery插件的具體使用方法。2015-04-04