您可以使用 JavaScript 显示/隐藏 iPad Safari 键盘吗？

Question

是否可以通过代码控制iPad Safari中键盘的显示（显示/隐藏）？

我有 2 个表单字段； 1. 文本框（说出姓名） 2.选择列表/下拉菜单（说状态）

我的问题是，当用户将焦点从“名称”移动到“状态”时，键盘仍然在那里。为什么会这样？当焦点移动到下拉菜单时如何隐藏键盘？

谢谢。

Answer 1

我刚刚遇到了一个非常相似的问题，不确定我的解决方案是否适合您。

就我而言，我在表单中有一个文本输入。提交时，我使用 e.preventDefault() 来停止页面导航。我相信这也具有停止隐藏键盘的默认操作的效果。

为了解决这个问题，我在提交表单时添加了显式的 input.blur() 。这似乎足以让 safari 去掉键盘了。

希望这有帮助！

Answer 2

我有同样的问题。我有一个表单，当在字段外输入（不是 ipad 上的本机行为）和焦点选择字段时，键盘应该折叠。 创建隐藏输入

<input type="hidden" id="blurInput" />

对我来说唯一的解决方案是为焦点事件

$element = $(event.target);
if($element.is('select')) {
    $('#blurInput').blur();
    $element.focus();
}

和 javascript 代码处理程序：如果您只想模糊输入字段，另一个解决方案可以完美工作，但在输入和选择之间它会失败

document.activeElement.blur();
$('input').blur();