移动端input输入框使软键盘回车键变为搜索按钮

HTMLiOS大约 471 字

设置type=search

注意:iOS必须添加form且添加action

<form action="#" onsubmit="return false">
    <input class="search-input" placeholder="请输入关键字..." type="search" results="10">
    <button type="button" class="search-button">搜索</button>
</form>

监听回车事件

使用jQuery方式

$('.search-button').click(function () {
    let keyword = $('.search-input').val().trim();
    if (keyword.length > 0) {
        window.location.href = "/search/"+keyword+".html"
    }
});
阅读 1089 · 发布于 2019-06-15

————        END        ————

扫描下方二维码关注公众号和小程序↓↓↓

昵称:
随便看看换一批