HTML DIV contentEditable属性支持Demo

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML DIV contentEditable属性支持Demo相关的知识，希望对你有一定的参考价值。

<html>
<body>

<div id=d style="border: 1px solid black; height:200px">
lipsum
</div>
<button onclick="document.getElementById('d').contentEditable=true;">Make it editable</button>
</body>
</html>

苹果手机IOS中div contenteditable=true无法输入

问题：

     在苹果手机IOS中 contenteditable="true" 做文本域输入，点击可以弹出键盘但是无法输入，安卓都正常。

     经测试后，记得加一个样式 -webkit-user-select:text 就可以了。

 

    

 

以上是关于HTML DIV contentEditable属性支持Demo的主要内容，如果未能解决你的问题，请参考以下文章

ContentEditable div - 更新内部 html 后设置光标位置

Contenteditable div在离子iOS应用中不可编辑

苹果手机IOS中div contenteditable=true无法输入

如何使用 html 子元素在 contenteditable div 中获取插入符号位置？

在 contentEditable 元素中插入 HTML 元素

为 contenteditable div 中的 div 启用调整大小