H5搜索功能,调用键盘(包含手机键盘)回车键,
2019-04-01 本文已影响0人
Domino_2018
项目自己做了一个搜索功能,今天测试的时候,发现键盘的回车键不能直接搜索,于是就找了下解决办法,实测之后记录一下:
首先给页面的input标签绑定事件:
<input type="text" onkeyup="if(event.keyCode==13) {fn()}" name="search" value="" placeholder="大家都在搜">
然后在js代码里面实现下面的方法:
function fn() {
//获取input的值
Kw = $('.search-input').val();
//调用查询接口
orderAljax();
}
这样子就好了,在搜索框里面填写完关键字之后,直接回车键就能查询到数据了