清除内容可编辑的div时键盘在Safari iOS 6中停止工作
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了清除内容可编辑的div时键盘在Safari iOS 6中停止工作相关的知识,希望对你有一定的参考价值。
我有一个div
,即contenteditable
,它将保留一个占位符,直到您单击它为止。如果我在ios 6.1的Safari中清除div
上focus
的内容,则无法使用键盘。它可以在iOS 7的Firefox,Chrome和Safari中正常运行。
如果重新调整div
的位置也不起作用(并确保下次内容不变)。>>
我正在制作需要支持iOS 6的网络应用程序时,是否对此问题进行了修复?
这里有一些测试代码:
<!doctype html> <html> <head> <title>Test</title> </head> <body> <div contenteditable="true">click here</div> <script type="text/javascript"> document.querySelector('div').addEventListener('focus', function(event) { event.target.textContent = ''; }); </script> </body> </html>
可以在这里测试:http://jsbin.com/efofUNi/2
我有一个内容可编辑的div,其中包含一个占位符,直到您单击它为止。如果我在iOS 6.1的Safari中清除了焦点所在的div内容,则无法使用键盘。在...
答案
尝试将空白的textContent延迟几毫秒。例如:
以上是关于清除内容可编辑的div时键盘在Safari iOS 6中停止工作的主要内容,如果未能解决你的问题,请参考以下文章
在混合开发中软键盘引起的布局问题input与可编辑DIV兼容性问题汇总