javascript - iOS 键盘不关闭，由 iframe 中的输入触发

Question

我的网页上有一个模态窗口，其中包含 <iframe>页面存储在远程服务器上。此页面包含一些表格 <input>元素。当用户点击模式上的关闭按钮时，带有 iframe 的模式将被隐藏。

问题:如果用户开始在 <input> 中输入内容在 <iframe> 内然后关闭模式，键盘不会关闭，直到他按下 Done按钮。

我简化了这个示例并删除了模态实体并提供了两个按钮:一个隐藏模态，另一个将其从 DOM 中移除。

• Demo
• Source codeif needed

我试过玩window.activeElement将焦点显式设置到根页面上的不同元素。(您可以在演示中查看)，尝试调用 .blur() iframe 上的方法或 iframe.contentWindow .在我的应用程序中 <iframe>正在隐藏，但我已尝试将其从页面中删除。

当前行为:

• 用户开始在 <input> 中输入内容在 <iframe> 内
• iOS 键盘打开
• 删除/隐藏 iframe
• 即使 <input> iOS 键盘仍然打开不存在或隐藏。

我认为如果不再显示任何触发它的元素，键盘应该被隐藏，就像在 Android/Chrome 上所做的那样。

在这种情况下我有几个问题:

• 我能否在我的应用中以某种方式解决此行为？
• 如果是 iOS 或 WebKit 中的错误，Apple 或社区是否提供了一些错误跟踪器来解决此类问题？

Answer 1

使用响应链:UIApplication.sharedApplication().sendAction("resignFirstResponder", to:nil, from:nil, forEvent:nil)

使用 UIView 的 endEditing:self.view.endEditing(真)