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

前台代码

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

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： Mybatis 中的insertOrUpdate操作  Laravel如何记录日志_Laravel Logging系统配置与自定义日志通道  零服务器AI建站解决方案：快速部署与云端平台低成本实践  laravel怎么为应用开启和关闭维护模式_laravel应用维护模式开启与关闭方法  如何在 Python 中将列表项按字母顺序编号（a.、b.、c. …）  网站制作免费,什么网站能看正片电影？  Laravel Eloquent模型如何创建_Laravel ORM基础之Model创建与使用教程  Laravel如何使用Gate和Policy进行权限控制_Laravel权限判定与策略规则配置  Laravel API资源类怎么用_Laravel API Resource数据转换  如何快速搭建高效服务器建站系统？  Laravel如何监控和管理失败的队列任务_Laravel失败任务处理与监控  Android Socket接口实现即时通讯实例代码  Laravel Eloquent访问器与修改器是什么_Laravel Accessors & Mutators数据处理技巧  Laravel如何集成Inertia.js与Vue/React？（安装配置）  Python数据仓库与ETL构建实战_Airflow调度流程详解  齐河建站公司：营销型网站建设与SEO优化双核驱动策略  QQ浏览器网页版登录入口 个人中心在线进入  大连企业网站制作公司,大连2025企业社保缴费网上缴费流程？  做企业网站制作流程,企业网站制作基本流程有哪些？  Win11搜索栏无法输入_解决Win11开始菜单搜索没反应问题【技巧】  如何破解联通资金短缺导致的基站建设难题？  北京企业网站设计制作公司,北京铁路集团官方网站？  三星、SK海力士获美批准：可向中国出口芯片制造设备  如何在云服务器上快速搭建个人网站？  大同网页,大同瑞慈医院官网？  瓜子二手车官方网站在线入口 瓜子二手车网页版官网通道入口  b2c电商网站制作流程,b2c水平综合的电商平台？  Laravel如何处理和验证JSON类型的数据库字段  HTML 中如何正确使用模板变量为元素的 name 属性赋值  Laravel如何实现多语言支持_Laravel本地化与国际化(i18n)配置教程  如何在Ubuntu系统下快速搭建WordPress个人网站？  百度浏览器如何管理插件 百度浏览器插件管理方法  如何在万网ECS上快速搭建专属网站？  零基础网站服务器架设实战：轻量应用与域名解析配置指南  如何在Tomcat中配置并部署网站项目？  Laravel DB事务怎么使用_Laravel数据库事务回滚操作  Laravel如何安装使用Debugbar工具栏_Laravel性能调试与SQL监控插件【步骤】  如何快速生成橙子建站落地页链接？  laravel怎么通过契约（Contracts）编程_laravel契约（Contracts）编程方法  动图在线制作网站有哪些,滑动动图图集怎么做？  MySQL查询结果复制到新表的方法(更新、插入)  JavaScript中如何操作剪贴板_ClipboardAPI怎么用  详解Android中Activity的四大启动模式实验简述  佛山企业网站制作公司有哪些,沟通100网上服务官网？  html5源代码发行怎么设置权限_访问权限控制方法与实践【指南】  如何快速搭建高效WAP手机网站？  非常酷的网站设计制作软件,酷培ai教育官方网站？  如何用wdcp快速搭建高效网站？  公司门户网站制作公司有哪些,怎样使用wordpress制作一个企业网站？  头像制作网站在线观看,除了站酷，还有哪些比较好的设计网站？