jQuery實(shí)現(xiàn)鍵盤回車搜索功能
更新時間：2017年07月25日 16:17:14 作者：冰唐玄宇
本文通過代碼給大家介紹了jquery實(shí)現(xiàn)鍵盤回車搜索功能，前臺代碼和搜索按鈕實(shí)現(xiàn)代碼都給大家貼出了，需要的朋友參考下吧
本來我一直認(rèn)為一個搜索沒有什么太難做的，直到我接到了上一個項(xiàng)目，讓不使用按鈕實(shí)現(xiàn)搜索這才讓我開始在網(wǎng)上尋找這一技術(shù)，那么廢話少說，將我的源碼放上來給大家參考。
前臺代碼
<div class="fl search-box">
<button type="button" name="btnSubmit" id="btnSubmit" class="btnSubmit">搜索</button>
<input id="sousuo" name="sousuo" type="search" placeholder="輸入搜索內(nèi)容" value="">
</div>
搜索按鈕實(shí)現(xiàn)
$(function () {
$("body").on("click", "#btnSubmit", function () {
var sousuo = $("#sousuo").val();
if (sousuo == "") { alert("請輸入信息"); return false; }
location.href = "{$:CSSiteUrl}search.html?keywords=" + escape(sousuo);
});
});
下面也就是本次的重頭戲，鍵盤回車實(shí)現(xiàn)搜索
$('#sousuo').bind('keypress', function (event) {
if (event.keyCode == "13") {
$("#btnSubmit").click();
}
})
或許大家可以發(fā)現(xiàn)，其實(shí)相當(dāng)于在回車鍵event.keyCode == “13”，也就是說鍵盤的的第13個鍵碼，那么借此幫助，以后想實(shí)現(xiàn)其他的按鍵的話，只要去查詢鍵盤對應(yīng)的鍵碼就好了。
總結(jié)
以上所述是小編給大家介紹的jQuery實(shí)現(xiàn)鍵盤回車搜索功能，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
這篇文章主要介紹了jQuery調(diào)用ajax請求的常見方法,實(shí)例匯總了三種常見的jQuery調(diào)用Ajax的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
這篇文章主要介紹了jQuery自帶的一些常用方法總結(jié),包括$.trim
、$.contains、$.each、$.map、$.inArray、$.extend等,需要的朋友可以參考下
2014-09-09 
zepto與jquery的區(qū)別及zepto的不同使用8條小結(jié)
這篇文章主要介紹了zepto與jquery的區(qū)別及zepto的不同使用8條小結(jié) 的相關(guān)資料,需要的朋友可以參考下
2016-07-07 
本文為大家詳細(xì)介紹下使用jquery簡單實(shí)現(xiàn)封裝的對話框，具體實(shí)現(xiàn)代碼如下，感興趣的朋友可以參考下哈，希望對大家有所幫助
2013-07-07 
基于Jquery的動態(tài)創(chuàng)建DOM元素的代碼
jquery動態(tài)創(chuàng)建頁面元素，mark一下，以備以后查詢時使用。以創(chuàng)建div和input為例。
2010-12-12 
上周發(fā)布了‘jquery開發(fā)的數(shù)獨(dú)游戲’，下載量很多評論的人很少。近期會將主要的開發(fā)思路整理出來與大家交流，非常希望與大家通過這個例子共同探討和學(xué)習(xí)。
2010-11-11 
JQuery是非常棒的JS類庫，有豐富的UI庫和插件，不過我鐘愛他的是他的選擇器，感覺其他功能有時跟后臺人員距離很遠(yuǎn)，所以一般我也只使用一下他的選擇器。
2009-08-08 
jQuery load方法用法集錦,學(xué)習(xí)jquery的朋友可以參考下。
2011-12-12 
這篇文章主要介紹了用模版生成HTML的的框架jquery.tmpl使用詳解,需要的朋友可以參考下
2015-01-01