国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jQuery實現鍵盤回車搜索功能

2019-11-19 15:59:20
字體:
來源:轉載
供稿:網友

本來我一直認為一個搜索沒有什么太難做的,直到我接到了上一個項目,讓不使用按鈕實現搜索這才讓我開始在網上尋找這一技術,那么廢話少說,將我的源碼放上來給大家參考。

前臺代碼

<div class="fl search-box">      <button type="button" name="btnSubmit" id="btnSubmit" class="btnSubmit">搜索</button>     <input id="sousuo" name="sousuo" type="search" placeholder="輸入搜索內容" value=""></div>

搜索按鈕實現

$(function () {   $("body").on("click", "#btnSubmit", function () {    var sousuo = $("#sousuo").val();    if (sousuo == "") { alert("請輸入信息"); return false; }    location.href = "{$:CSSiteUrl}search.html?keywords=" + escape(sousuo);   });  });

下面也就是本次的重頭戲,鍵盤回車實現搜索

$('#sousuo').bind('keypress', function (event) {    if (event.keyCode == "13") {     $("#btnSubmit").click();   }  })

或許大家可以發現,其實相當于在回車鍵event.keyCode == “13”,也就是說鍵盤的的第13個鍵碼,那么借此幫助,以后想實現其他的按鍵的話,只要去查詢鍵盤對應的鍵碼就好了。

總結

以上所述是小編給大家介紹的jQuery實現鍵盤回車搜索功能,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 周至县| 利川市| 光山县| 蒙山县| 松江区| 镇宁| 读书| 临湘市| 诸暨市| 金沙县| 石台县| 平武县| 邯郸市| 长兴县| 石门县| 甘德县| 池州市| 漳平市| 砀山县| 安平县| 鹤岗市| 潮安县| 闻喜县| 赤壁市| 镇赉县| 大港区| 霞浦县| 鹰潭市| 苍梧县| 水城县| 东港市| 宜丰县| 龙口市| 禹城市| 长乐市| 库尔勒市| 静宁县| 五指山市| 建始县| 榕江县| 平泉县|