jQuery实现键盘回车搜索功能

jQuery实现键盘回车搜索功能

html代码

<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个键码,那么借此帮助,以后想实现其他的按键的话,只要去查询键盘对应的键码就好了。

猜你喜欢

转载自blog.csdn.net/guo_qiangqiang/article/details/123652483
今日推荐