Framework7 -搜索栏关闭键盘

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

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