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

这样子就好了,在搜索框里面填写完关键字之后,直接回车键就能查询到数据了

上一篇下一篇

猜你喜欢

热点阅读