Javascript 框架7-搜索栏关闭键盘

Javascript 框架7-搜索栏关闭键盘,javascript,html,searchbar,html-framework-7,Javascript,Html,Searchbar,Html Framework 7,我正在尝试使用framework7创建一个自定义搜索searchBar元素。到目前为止,我的代码是有效的,当按下搜索按钮时,应用程序会被重定向到另一个页面。我的问题是,当应用程序打开页面时,键盘保持打开状态 按下按钮Search时,是否有办法强制键盘关闭? HTML: 在加载新页面之前禁用搜索栏 <form class="searchbar"> <div class="searchbar-input"> <input type="searc

我正在尝试使用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>
 $$('.searchbar').on("search", function (e) {
            //close the keyboard 
            mainView.router.load({
                url: 'productlist.html'
            });
        });