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)過(guò)彈出層且可以點(diǎn)擊
- 基于Jquery的回車成tab焦點(diǎn)切換效果代碼(Enter To Tab )
- jquery實(shí)現(xiàn)tab鍵進(jìn)行選擇后enter鍵觸發(fā)click行為
相關(guān)文章
jQuery插件FusionCharts繪制的2D帕累托圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件FusionCharts繪制的2D帕累托圖效果,結(jié)合實(shí)例形式分析了jQuery使用FusionCharts插件載入xml數(shù)據(jù)及繪制2D帕累托圖的具體實(shí)現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03jquery 中的each()跳出循環(huán)的語(yǔ)句
很多新手朋友們都不知道jquery 中的each()怎么跳出循環(huán),在each的回調(diào)函數(shù)中使用return false2014-05-05jQuery實(shí)現(xiàn)簡(jiǎn)易計(jì)算器功能
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)簡(jiǎn)易計(jì)算器功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-07-07JQuery實(shí)現(xiàn)table中tr上移下移的示例(超簡(jiǎn)單)
下面小編就為大家分享一篇JQuery實(shí)現(xiàn)table中tr上移下移的示例(超簡(jiǎn)單),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-01-01jQuery-ui引入后Vs2008的無(wú)智能提示問(wèn)題解決方法
引入jQuery-vsdoc文件后,jQuery庫(kù)就能智能提示了,解決方法很簡(jiǎn)單在jQuery-ui的目錄下再加入一個(gè)空的JS文件,命名jquery-ui-vsdoc.js2014-02-02jQuery插件HighCharts繪制的基本折線圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件HighCharts繪制的基本折線圖效果,結(jié)合實(shí)例形式分析了jQuery基于HighCharts插件繪制圖形的具體實(shí)現(xiàn)步驟與相關(guān)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03jquery 實(shí)現(xiàn)的改變顏色與背景的代碼 change(fontsize,background)補(bǔ)充2
change事件會(huì)在元素失去焦點(diǎn)的時(shí)候觸發(fā),也會(huì)當(dāng)其值在獲得焦點(diǎn)后改變時(shí)觸發(fā)。2010-05-05