美文网首页
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