本來我一直認為一個搜索沒有什么太難做的,直到我接到了上一個項目,讓不使用按鈕實現搜索這才讓我開始在網上尋找這一技術,那么廢話少說,將我的源碼放上來給大家參考。
前臺代碼
<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實現鍵盤回車搜索功能,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!
新聞熱點
疑難解答