H5中软键盘搜索的使用

H5中软键盘搜索的使用

H中软键盘搜索的使用

     <input type="search" class="search-input" placeholder="请输入姓名或作品名称进行搜索">

如上：直接使用input再IOS不生效

    <form action="javascript:return true" class="search">
                        <i class="search-icon"></i>
                        <input type="search" class="search-input" placeholder="请输入姓名或作品名称进行搜索">
                    </form>
        

需要在input外层加上form标签，且 action 为 javascript:return true 即可生效

软键盘搜索按钮的调起通PC端使用 回车键，当键值为13即为搜索按钮点击

    // js如下：
    $(".music .search input").keypress(function(e){
        var key = $.trim($(this).val());
        if(e.keyCode === 13) {
            //  搜索工作
            that.search(key);
        }
    })