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实现当按下回车键时绑定点击事件  # 小编  # 这一  # 让我  # 在此  # 其他的  # 回车键  # 要去  # 没有什么  # 我一直  # 这才  # 给大家  # 请输入  # 所述  # 少说  # 给我留言  # 放上  # 我接  # 感谢大家  # 搜索功能  # 难做 

相关文章： 广州网站设计制作一条龙,广州巨网网络科技有限公司是干什么的？  微网站制作教程,我微信里的网站怎么才能复制到浏览器里？  制作企业网站建设方案,怎样建设一个公司网站？  如何选择高效可靠的多用户建站源码资源？  python的本地网站制作,如何创建本地站点？  如何用IIS7快速搭建并优化网站站点？  如何在宝塔面板中修改默认建站目录？  ,有什么在线背英语单词效率比较高的网站？  如何通过远程VPS快速搭建个人网站？  独立制作一个网站多少钱,建立网站需要花多少钱？  开心动漫网站制作软件下载,十分开心动画为何停播？  魔毅自助建站系统：模板定制与SEO优化一键生成指南  建站之星导航配置指南：自助建站与SEO优化全解析  金*站制作公司有哪些,金华教育集团官网？  开源网站制作软件,开源网站什么意思？  建站主机是否属于云主机类型？  建站之星伪静态规则如何正确配置？  建站之星后台管理系统如何操作？  枣阳网站制作,阳新火车站打的到仙岛湖多少钱？  javascript中的try catch异常捕获机制用法分析  如何批量查询域名的建站时间记录？  如何用花生壳三步快速搭建专属网站？  ,怎么用自己头像做动态表情包？  微信网站制作公司有哪些,民生银行办理公司开户怎么在微信网页上查询进度？  SAX解析器是什么，它与DOM在处理大型XML文件时有何不同？  专业企业网站设计制作公司,如何理解商贸企业的统一配送和分销网络建设？  如何选择适合PHP云建站的开源框架？  制作网站的基本流程,设计网站的软件是什么？  网站制作需要会哪些技术,建立一个网站要花费多少？  如何选择香港主机高效搭建外贸独立站？  如何配置IIS站点权限与局域网访问？  小米网站链接制作教程,请问miui新增网页链接调用服务有什么用啊？  如何在西部数码注册域名并快速搭建网站？  如何高效配置IIS服务器搭建网站？  网站制作服务平台,有什么网站可以发布本地服务信息？  建站之星如何通过成品分离优化网站效率？  建站之星上传入口如何快速找到？  如何在新浪SAE免费搭建个人博客？  如何获取上海专业网站定制建站电话？  如何选择靠谱的建站公司加盟品牌？  成都网站制作价格表,现在成都广电的单独网络宽带有多少的，资费是什么情况呢？  建站IDE高效指南：快速搭建+SEO优化+自适应模板全解析  企业微网站怎么做,公司网站和公众号有什么区别？  香港服务器租用费用高吗？如何避免常见误区？  公众号网站制作网页,微信公众号怎么制作？  建站之星如何实现五合一智能建站与营销推广？  如何在腾讯云免费申请建站？  香港网站服务器数量如何影响SEO优化效果？  Python lxml的etree和ElementTree有什么区别  无锡营销型网站制作公司,无锡网选车牌流程？