点击手机软键盘搜索按钮实现搜索功能

2022-08-03 约 188 字预计阅读 1 分钟

如图实现用户软键盘输入搜索关键字后点击搜索按钮触发搜索相关函数，提升用户体验，只需两步即可实现：

1.在搜索框添加form 表单及onsubmit事件

<form action="" onsubmit="return false;">        
   <input type="search" placeholder="检索"  id="searchStringInput" value>
</form>

2.在js中对input标签绑定search事件即可

$(function(){
      $("#searchStringInput").bind('search', function () {
            doSearch();//执行搜索的函数
     })
});

目录