美文网首页
H5搜索功能,调用键盘(包含手机键盘)回车键,

H5搜索功能,调用键盘(包含手机键盘)回车键,

作者: Domino_2018 | 来源:发表于2019-04-01 17:20 被阅读0次

项目自己做了一个搜索功能,今天测试的时候,发现键盘的回车键不能直接搜索,于是就找了下解决办法,实测之后记录一下:
首先给页面的input标签绑定事件:

<input type="text" onkeyup="if(event.keyCode==13) {fn()}" name="search" value="" placeholder="大家都在搜">

然后在js代码里面实现下面的方法:

function fn() {
        //获取input的值
        Kw = $('.search-input').val();
        //调用查询接口
        orderAljax();
    }

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

相关文章

网友评论

      本文标题:H5搜索功能,调用键盘(包含手机键盘)回车键,

      本文链接:https://www.haomeiwen.com/subject/ldtbbqtx.html