jquery - 如何在 Phonegap 应用程序的 jQueryMobile 页面中隐藏键盘？

Question

我在 iPhone 模拟器中隐藏键盘时遇到问题。我的 HTML 代码:

<form id="my_form">
    <input type="search" id="searchBar" />
</form>

jQuery 代码:

$("#my_form").submit(function() {
  one = $('#searchBar').val();
  console.log(one);
  doSearch(one);
  return false;
});

一切都按我的需要进行:我可以获取表单值并执行一些 Ajax。但当函数返回 false 时，iPhone 模拟器中的虚拟键盘仍然可见。如何隐藏键盘？还有另一种方法可以做到这一点吗？当用户在 iPhone 上搜索并按下“Go”时，我需要使用 Ajax 将数据传递到服务器。搜索结果应显示在同一页面中(已完成)。用户可以在同一页面再次搜索。

请帮助我。

谢谢

--重新统治

Answer 1

您可以像这样简单地模糊输入，而不是将焦点切换到另一个元素:

$('#searchBar').blur();

它将隐藏虚拟键盘。