Ios 双击内部有contenteditable的div,iframe将禁用div

Ios 双击内部有contenteditable的div,iframe将禁用div,ios,ipad,dojo,mobile-safari,hybrid-mobile-app,Ios,Ipad,Dojo,Mobile Safari,Hybrid Mobile App,如果我在iframe中创建了一个contenteditable true的div,如果双击它,它将变得不起作用。焦点仍然在iframe中,您可以看到光标,但是它不响应keydown 有人知道我如何克服这个问题吗 编辑: 我已经实现了一个dojo编辑器。如果在ipad中打开,您将看到上述问题。尝试让contenteditable div在iframe中工作是一个复杂的级别,如果您尝试让它在特定的WYSIWYG编辑器(如Dojo editor)中工作,则是另一个更难的级别,因为有大量JavaScri

如果我在iframe中创建了一个contenteditable true的div,如果双击它,它将变得不起作用。焦点仍然在iframe中,您可以看到光标,但是它不响应keydown

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

编辑:


我已经实现了一个dojo编辑器。如果在ipad中打开,您将看到上述问题。

尝试让contenteditable div在iframe中工作是一个复杂的级别,如果您尝试让它在特定的WYSIWYG编辑器(如Dojo editor)中工作,则是另一个更难的级别,因为有大量JavaScript影响交互。这将有助于更好地解释问题中的参数

您是否使用浏览器调试器(如Firebug)查看单击时发生的情况

另一个SO是有用的

最后,如果您使用的是iOS Safari,请确保您使用的是Safari 5.0或更高版本,就像contenteditable属性一样

编辑:
由于您使用的是iOS 6,当您单击可编辑的div时,您应该使用来让您更清楚地了解发生了什么。如果您能找到一些更具体的错误消息,请向我们提供最新信息。

您使用的是哪种操作系统?您应该确保您使用的是OS 5.0或更高版本。据报道。上面写着:

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

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

另外,你可以用你的IPAD来继续,试试它是如何与
textarea
一起工作的。这可能是你的一个例子


希望有帮助。

显示您的代码!在最好的情况下,构造一个最小的示例来演示您的问题。@padde请查看iframe的目的是什么?(有一些,我需要澄清一下它为您提供了什么)我假设contenteditable是您的最终目标——一个可编辑的div,而iframe是某种类型的中间层。@DanSorensen iframe是由dojo editor创建的。它在桌面浏览器中运行良好。这个问题只出现在ipad上。我试图在ipad应用程序中实现dojo编辑器,因为它发生在iOS 6.0中,我更新了我的答案,提供了如何解决JavaScript错误/事件的信息。我使用的是OS 6.0。如果我创建了一个简单的contenteditable div,它就可以正常工作了,但是在实现dojo编辑器之后happens@NisanthSojan很抱歉告诉您,
dojo编辑器
不支持IOS设备。有很多人试图开发它,但都失败了。你可以看一看。据说iOS 4.x、5.x(MobileSafari)和6.x(包括除编辑器之外的所有Dijit小部件)都来自Dojo电子邮件系统。