jQuery實(shí)現(xiàn)鍵盤回車搜索功能
更新時(shí)間：2017年07月25日 16:17:14 作者：冰唐玄宇
本文通過(guò)代碼給大家介紹了jquery實(shí)現(xiàn)鍵盤回車搜索功能，前臺(tái)代碼和搜索按鈕實(shí)現(xiàn)代碼都給大家貼出了，需要的朋友參考下吧
本來(lái)我一直認(rèn)為一個(gè)搜索沒(méi)有什么太難做的，直到我接到了上一個(gè)項(xiàng)目，讓不使用按鈕實(shí)現(xiàn)搜索這才讓我開(kāi)始在網(wǎng)上尋找這一技術(shù)，那么廢話少說(shuō)，將我的源碼放上來(lái)給大家參考。
前臺(tái)代碼
<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("請(qǐng)輸入信息"); 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”，也就是說(shuō)鍵盤的的第13個(gè)鍵碼，那么借此幫助，以后想實(shí)現(xiàn)其他的按鍵的話，只要去查詢鍵盤對(duì)應(yīng)的鍵碼就好了。
總結(jié)
以上所述是小編給大家介紹的jQuery實(shí)現(xiàn)鍵盤回車搜索功能，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
jQuery調(diào)用ajax請(qǐng)求的常見(jiàn)方法匯總
這篇文章主要介紹了jQuery調(diào)用ajax請(qǐng)求的常見(jiàn)方法,實(shí)例匯總了三種常見(jiàn)的jQuery調(diào)用Ajax的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下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 
jquery封裝的對(duì)話框簡(jiǎn)單實(shí)現(xiàn)
本文為大家詳細(xì)介紹下使用jquery簡(jiǎn)單實(shí)現(xiàn)封裝的對(duì)話框，具體實(shí)現(xiàn)代碼如下，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助
2013-07-07 
基于Jquery的動(dòng)態(tài)創(chuàng)建DOM元素的代碼
jquery動(dòng)態(tài)創(chuàng)建頁(yè)面元素，mark一下，以備以后查詢時(shí)使用。以創(chuàng)建div和input為例。
2010-12-12 
Jquery數(shù)獨(dú)游戲解析（一）-頁(yè)面布局
上周發(fā)布了‘jquery開(kāi)發(fā)的數(shù)獨(dú)游戲’，下載量很多評(píng)論的人很少。近期會(huì)將主要的開(kāi)發(fā)思路整理出來(lái)與大家交流，非常希望與大家通過(guò)這個(gè)例子共同探討和學(xué)習(xí)。
2010-11-11 
JQuery是非常棒的JS類庫(kù)，有豐富的UI庫(kù)和插件，不過(guò)我鐘愛(ài)他的是他的選擇器，感覺(jué)其他功能有時(shí)跟后臺(tái)人員距離很遠(yuǎn)，所以一般我也只使用一下他的選擇器。
2009-08-08 
jQuery load方法用法集錦,學(xué)習(xí)jquery的朋友可以參考下。
2011-12-12 
這篇文章主要介紹了用模版生成HTML的的框架jquery.tmpl使用詳解,需要的朋友可以參考下
2015-01-01