Phonegap - iOS 键盘没有隐藏在输入字段的外部点击答案

【问题标题】：Phonegap - iOS keyboard is not hiding on outside tap of input fieldPhonegap - iOS 键盘没有隐藏在输入字段的外部点击
【发布时间】：2014-07-29 00:29:33
【问题描述】：

在输入文本焦点时，键盘按预期显示。但是当我在输入文本之外单击时，键盘不会隐藏。我正在使用 java 脚本和 jQuery。使用 jQueryMobile JS 和 CSS - 页面行为正确。但是对于这个项目，我们没有使用 jQueryMobile。

此问题仅适用于 iOS 模拟器/设备。在 Android 上，它运行得非常好。

我什至尝试在外部元素单击/点击时使用document.activeElement.blur();。但后来我无法专注于输入文本，因为输入文本位于该外部元素内。

【问题讨论】：

This 帖子可能有用
@jeekonline 我已经尝试过模糊问题中提到的元素。我不希望在单击某些按钮时字段模糊，但我希望在整个身体单击时都这样。现在，如果我编写在正文单击模糊字段的脚本，字段永远不会获得焦点，因为字段也是正文的一部分。希望我现在清楚我的问题......
您找到解决方案了吗？我有这个确切的问题。我专注于数字输入，单击键盘上的数字，然后尝试单击应用程序中的其他位置，例如空白区域，并且键盘没有隐藏。此外，回车按钮什么也不做。我可以点击下一个按钮，但这只是关注下一个输入，所以我永远无法点击关闭。如果我单击提交按钮，它将提交，但我不应该这样做，因为我可能需要编辑更多输入。另外，如果我手动调用 blur() 事件，它会成功隐藏键盘。

标签： jquery ios cordova keyboard

【解决方案1】：

你试过了吗？

$(document).click(function(e) {
    document.activeElement.blur();
});

这适用于我的 iOS 7 phonegap 应用。

【讨论】：