JS和Jquery实现input输入框回车搜索

最新推荐文章于 2024-01-17 10:14:34 发布

weixin_43509051

最新推荐文章于 2024-01-17 10:14:34 发布

阅读量736

点赞数

CC 4.0 BY-SA版权

分类专栏：前端基础知识

本文链接：https://blog.youkuaiyun.com/weixin_43509051/article/details/99621703

前端基础知识专栏收录该内容

17 篇文章

订阅专栏

本文介绍如何利用JavaScript和jQuery监听input输入框的回车事件，实现实时搜索功能。通过绑定键盘事件，当用户按下回车键时触发搜索请求，提升网页交互体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html

<input type="text" name="keyword" id="keyword"  onkeydown="entersearch()"/>  
<input type="text" name="keyword" id="keyword"  onkeydown="entersearch1(event)"/>  
<input type="button" onclick="search()"/>

// onclick事件  
function search(){  
    var $keyword = $("#keyword").val();  
    window.location.href = "/list-0-0-0-0-"+$keyword+"-0-0-1.html";  
}  
  
// 按Enter键,执行事件  
function entersearch(){  
    var event = window.event || arguments.callee.caller.arguments[0];  
    if (event.keyCode == 13)  
       {  
          search();  
       }  
}  
  
// 按Enter键,执行事件  
function entersearch1(event){  
    if (event.keyCode == 13)  
       {  
          search();  
       }  
}