jQuery实现键盘回车搜索功能

本来我一直认为一个搜索没有什么太难做的，直到我接到了上一个项目，让不使用按钮实现搜索这才让我开始在网上寻找这一技术，那么废话少说，将我的源码放上来给大家参考。

前台代码

<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实现键盘回车搜索功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# jq实现键盘回车搜索  # js  # 回车搜索  # asp.net下使用jQuery.AutoComplete完成仿淘宝商品搜索自动完成功能(改进了键盘  # Jquery 监视按键  # 按下回车键触发某方法的实现代码  # jQuery实现回车键（Enter）切换文本框焦点的代码实例  # jquery如何扑捉回车键触发的事件  # jQuery 回车事件enter使用示例  # jQuery实现当按下回车键时绑定点击事件  # 小编  # 这一  # 让我  # 在此  # 其他的  # 回车键  # 要去  # 没有什么  # 我一直  # 这才  # 给大家  # 请输入  # 所述  # 少说  # 给我留言  # 放上  # 我接  # 感谢大家  # 搜索功能  # 难做 

相关文章： 宝塔建站后网页无法访问如何解决？  做企业网站制作流程,企业网站制作基本流程有哪些？  网页制作模板网站推荐,网页设计海报之类的素材哪里好？  如何选择高效可靠的多用户建站源码资源？  武清网站制作公司,天津武清个人营业执照注销查询系统网站？  如何在腾讯云免费申请建站？  如何基于云服务器快速搭建网站及云盘系统？  C#如何序列化对象为XML XmlSerializer用法  详解一款开源免费的.NET文档操作组件DocX（.NET组件介绍之一）  建站上市公司网站建设方案与SEO优化服务定制指南  如何在阿里云完成域名注册与建站？  如何用腾讯建站主机快速创建免费网站？  音响网站制作视频教程,隆霸音响官方网站？  建站之星五站合一营销型网站搭建攻略，流量入口全覆盖优化指南  GML (Geography Markup Language)是什么，它如何用XML来表示地理空间信息？  北京网站制作费用多少,建立一个公司网站的费用.有哪些部分,分别要多少钱？  如何制作网站标识牌,动态网站如何制作（教程）？  如何选择建站程序？包含哪些必备功能与类型？  独立制作一个网站多少钱,建立网站需要花多少钱？  长春网站建设制作公司,长春的网络公司怎么样主要是能做网站的？  制作假网页,招聘网的薪资待遇，会有靠谱的吗？一面试又各种折扣？  ui设计制作网站有哪些,手机UI设计网址吗？  网站制作怎么样才能赚钱,用自己的电脑做服务器架设网站有什么利弊，能赚钱吗？  高防服务器租用首荐平台，企业级优惠套餐快速部署  相册网站制作软件,图片上的网址怎么复制？  北京建设网站制作公司,北京古代建筑博物馆预约官网？  制作网站的模板软件,网站怎么建设？  如何解决VPS建站LNMP环境配置常见问题？  建站之星上传入口如何快速找到？  哪家制作企业网站好,开办像阿里巴巴那样的网络公司和网站要怎么做？  电商网站制作公司有哪些,1688网是什么意思？  如何在万网主机上快速搭建网站？  一键网站制作软件,义乌购一件代发流程？  网站设计制作企业有哪些,抖音官网主页怎么设置？  建站主机无法访问？如何排查域名与服务器问题  高端云建站费用究竟需要多少预算？  网站微信制作软件,如何制作微信链接？  ,柠檬视频怎样兑换vip？  黑客如何通过漏洞一步步攻陷网站服务器？  高端企业智能建站程序：SEO优化与响应式模板定制开发  平台云上自助建站如何快速打造专业网站？  陕西网站制作公司有哪些,陕西凌云电器有限公司官网？  微信h5制作网站有哪些,免费微信H5页面制作工具？  海南网站制作公司有哪些,海口网是哪家的？  建站之星在线版空间：自助建站+智能模板一键生成方案  北京网页设计制作网站有哪些,继续教育自动播放怎么设置？  个人摄影网站制作流程,摄影爱好者都去什么网站？  ,购物网站怎么盈利呢？  如何用AWS免费套餐快速搭建高效网站？  可靠的网站设计制作软件,做网站设计需要什么样的电脑配置？