Question

我正在尝试使用framework7创建自定义搜索searchBar元素。到目前为止我的代码工作，当按下搜索按钮时，应用程序被重定向到另一个页面。我遇到的问题是，当应用程序打开页面时，键盘仍保持打开状态。

按下按钮Search时，有没有办法强制键盘关闭？ HTML：

<form class="searchbar">
    <div class="searchbar-input">
        <input type="search" placeholder="Search" style=" background-image: url(img/search.png);">
        <a href="#" class="searchbar-clear"></a>
    </div>
</form>

JS

 $$('.searchbar').on("search", function (e) {
            //close the keyboard 
            mainView.router.load({
                url: 'productlist.html'
            });
        });

Answer 1

在加载新页面之前禁用搜索栏

Framework7 - SearchBar关闭键盘

1 个答案: