iPad Safari - 让键盘消失

Question

在 iPad Safari 浏览器中，当我将焦点从文本框更改为下拉菜单时，键盘仍然保留...是否有某种方法（也许使用 Javascript）可以在用户从文本框模糊时隐藏键盘？

间接地说，我正在寻找相当于（但在 Mobile Safari 中）

[tempTextField resignFirstResponder]; 

Answer 1

我在 http://uihacker 找到了解决方案。 blogspot.com/2011/10/javascript-hide-ios-soft-keyboard.html。本质上，只需这样做（这对我有用）：

var hideKeyboard = function() {
    document.activeElement.blur();
    $("input").blur();
};

Answer 2

我的 iPad 装有 iOS 5.0.1，在成功登录我的网站后没有隐藏键盘。我通过在成功登录后简单地执行 javascript 命令来解决

document.activeElement.blur();

，现在键盘已正确隐藏:-)

Answer 3

我知道这是一个稍微老一点的问题，但我今天发现了答案，而且答案非常简单......我花了比我愿意承认的更多的时间来解决这个问题；）

为了防止显示键盘：

<input type="text" name="someInput" />

当你想做一些类似使用 jQuery UI 日期选择器之类的事情时...

添加一个 readonly 属性，如下所示：

<input type="text" name="someInput" readonly="readonly" />

如果你想留意关闭 JS 的人，你可以随时忽略属性并将其添加到您的代码中：

$('[name=someInput]').attr('readonly','readonly');

希望这会有所帮助。

这是一个演示这个概念的 jsFiddle： http://jsfiddle.net/3QLBz/5/

Answer 4

$("#txt").on("focus", function(){
    $(this).blur();
});

与 iPad 上的 jquery UI 日期选择器配合使用

Answer 5

本质上，当输入失去焦点时，iPad、iPhone 键盘应该消失。

我发现在移动/平板设备上
Safari 仅处理具有 cursor:pointer 的元素的点击事件
财产。

我终于在移动/平板电脑设备的 body 标签上添加了 cursor:pointer ，它的工作方式就像一个魅力。

样品很少

body {
  @media (max-width: 1024px) { /* IPad breakpoint */
    cursor: pointer; /* Fix iPhone/iPad click issue */
  }
}

Answer 6

没有 jQuery 的版本：

function hideKeyboard () {
    document.activeElement.blur();
    Array.prototype.forEach.call(document.querySelectorAll('input, textarea'), function(it) { 
        it.blur(); 
    });
}

Answer 7

我在另一个文本字段上调用 ​​.focus() ，键盘消失了。我正在使用 Sencha 触摸框架，我指的文本字段是 Ext.Text 对象。

我知道这违反直觉，但它似乎对我有用

Answer 8

如果您不想模糊输入，可以使用 inputMode 控制虚拟键盘。将其设置为 none 会隐藏键盘。将其设置为其他内容会显示相应的键盘。看看这个演示：
https://codepen.io/waterplea/pen/dyLjaQP

Answer 9

Sample.views.MessageBar.getComponent(0).blur();
document.activeElement.blur();
window.focus();
Sample.views.sendMessageBar.getComponent(0).setDisabled(true);

您可以使用上面的代码。第一行和第四行用于该文本字段。它适用于 iPhone，但不适用于 Android。我尝试过 Iphone 3gs 和三星 Galaxy s2。

Answer 10

根据 Apple Safari 文档，当您选择下拉菜单（选择列表）时，iOS 会关闭键盘并显示本机 iOS 选择控件。确保在下拉列表中使用 SELECT 元素

，并尝试将其添加到页面的元标记中

<meta name="apple-mobile-web-app-capable" content="yes" />