搜索框点击回车键触发搜索按钮点击事件

夏天的甲虫

于 2016-07-27 13:30:53 发布

阅读量1.6w

点赞数 2

分类专栏：学习积累

本文链接：https://blog.csdn.net/u012076852/article/details/52044245

版权

学习积累专栏收录该内容

11 篇文章

订阅专栏

需求：在项目中常会遇到搜索框，一般情况下搜索内容输入完毕后点击搜索按钮来进行相关搜索，但是用户已经形成了习惯性，当输入完成后点击回车键来代替点击搜索按钮！

实现原理：输入框点击回车按钮时触发搜索按钮点击事件

代码：

$("input").keydown(function (e) {//当按下按键时
    if (e.which == 13) {//.which属性判断按下的是哪个键，回车键的键位序号为13
        $('button.searchBtn').trigger("click");//触发搜索按钮的点击事件
    }
});