清除内容可编辑的div时键盘在Safari iOS 6中停止工作

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了清除内容可编辑的div时键盘在Safari iOS 6中停止工作相关的知识,希望对你有一定的参考价值。

我有一个div,即contenteditable,它将保留一个占位符,直到您单击它为止。如果我在ios 6.1的Safari中清除divfocus的内容,则无法使用键盘。它可以在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中停止工作的主要内容,如果未能解决你的问题,请参考以下文章

如何在内容可编辑的 div 内的嵌套跨度上触发事件?

移动 Safari 滚动页面键盘关闭

在混合开发中软键盘引起的布局问题input与可编辑DIV兼容性问题汇总

当 textarea 聚焦时,iOS Safari css 位置已修复

文本编辑器弹出时内容可编辑光标位置在可编辑 div 中

在激活 extjs 4 时清除可编辑的网格单元