DIV CSS 佈局教程網

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

前台代碼

<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實現鍵盤回車搜索功能，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對網站的支持！