js实现搜索框响应回车键

最新推荐文章于 2022-09-06 09:56:49 发布

iteye_16176

最新推荐文章于 2022-09-06 09:56:49 发布

阅读量764

点赞数

分类专栏：前端问题解决技巧

本文链接：https://blog.csdn.net/iteye_16176/article/details/82553013

版权

前端问题解决技巧专栏收录该内容

4 篇文章 0 订阅

订阅专栏

工资每月收入2200，中炎平台每月收益3600，每月总算过5千了。
关于中炎，更多了解 QQ 577877144，添加时备注：中炎。

1、HTML页面，注意：不要用使用form标签。


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

2、JS实现方法


// 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();
       }
}