搜索按回车键搜索关键字

来源：互联网 2023-02-21 18:54:23 199

怎么触发回车键搜索呢，除了点击搜索触发函数之外，还可以使用回车代替点击效果触发，怎么操作呢，可以跟小编一起来看一下

搜索按回车键搜索关键字

工具/原料

如图所示，按下回车键，随即触发点击事件执行搜索，图中执行了搜索可能返回值没有就提示

搜索按回车键搜索关键字

点击搜索模块定义，一个搜索框，一个触发元素，使用按钮或者图片等都可以，这里使用搜索图标做例子，当前给一个点击就触发的函数

搜索按回车键搜索关键字

2该信息未经授权抓取自百度经验

自己实现做好搜索功能，这个就是搜索方法，上面点击图标就会触发这个方法，这里是通过ajax传递数据，不详细解说。以往经验有，回车也是要触发这个方法的

搜索按回车键搜索关键字

对搜索框进行绑定

$('搜索框').bind('keypress', function (event) {

});

搜索按回车键搜索关键字

绑定搜索框之后，判断是否按下回车键，判断如下操作，按下便通过id找到点击按钮执行搜索功能

$('搜索框').bind('keypress', function (event) {

if (event.keyCode == "13") {

$("#btnSubmit").click();

}

});

搜索按回车键搜索关键字

效果示意图，可以看到流程。按下按钮就执行上面的点击操作，触发函数执行搜索效果

搜索按回车键搜索关键字

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！