如何在PhoneGap应用程序中的jQueryMobile页面中隐藏键盘?

前端之家收集整理的这篇文章主要介绍了如何在PhoneGap应用程序中的jQueryMobile页面中隐藏键盘?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在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将数据传递到服务器。搜索结果应该显示在同一页(已经完成)中。用户可以在同一页面中重新搜索

请帮帮我。

谢谢,

–regeint

解决方法

而不是将焦点转换到另一个元素,您可以简单地模糊您的输入,如下所示:
$('#searchBar').blur();

它将隐藏虚拟键盘

猜你在找的jQuery相关文章