ios - 双击内部有 contenteditable 的 div 和 iframe 禁用 div

Question

如果我在 iframe 中创建了一个包含 contenteditable true 的 div，如果您双击它，它就无法正常工作。焦点仍在 iframe 中，您可以看到光标，但它不会响应 keydown

有人知道我该如何克服这个问题吗？

编辑:

我已经实现了一个 dojo 编辑器。如果你打开this link在 iPad 中，您会看到上述问题。

Answer 1

您使用的是哪个操作系统？您应该确保您使用的是 OS 5.0 或更高版本。根据(Apple's Technical Notes) and Safari Web Content Guide .是这样写的:

iOS 5.0 及更高版本支持 HTML contenteditable 属性。在早期版本中，将用于在样式化元素中启用文本输入的 contenteditable 替换为样式化的 textarea 元素。在 Safari 中，您可以使用 CSS 自定义 textarea 元素的外观。如有必要，您甚至可以通过将 -webkit-appearance 设置为 none 来禁用文本区域元素上任何特定于平台的内置样式。

因此，如果您使用的是旧操作系统版本，则可以使用 textarea 元素代替 contenteditable。然后，保证您的应用程序也能正常工作。

附言。你可以用你的 IPAD 继续这个website , 试试它如何与 textarea 一起工作。这可能是您的榜样。

希望对您有所帮助。