iOS - 删除带有焦点输入元素的 iFrame 使光标保持可见并保持键盘打开

Question

在 iOS 中打开： https://jsfiddle.net/rLLvd18q/31/

我有一个带有输入元素的 iFrame 页面。外部页面有一个从 DOM 中删除 iFrame 的按钮。在 iOS 9.3.2（我在 iPhone 6s 上测试过）的 Safari/Chrome 中，在输入聚焦时单击该按钮会导致 iFrame 被删除，但光标在屏幕上保持闪烁。此外，键盘保持打开状态（单击键什么都不做）。关闭键盘后，单击屏幕上的任何其他位置都会导致键盘再次弹回。

我已经尝试在单击按钮后从托管页面向 iFrame 发布消息并执行操作

document.activeElement.blur()

在 iFrame 内。没有帮助...我的想法不多了...

Answer 1

我一直试图在我的项目中解决这个问题，我注意到 iframe 不是活动元素。一种可能的解决方法是以编程方式聚焦 iframe，然后对其进行模糊处理。

这对我来说很好。我查看了 iOS 论坛，这似乎是 iOS9 的 webview 错误，可能存在于 iOS10 中。