iOS7移动Safari上HTML5的contenteditable属性无法正常工作

Question

看起来 contenteditable 属性（在 iOS6 上运行良好）在 iOS7 的 WebKit 上已经停止工作。虽然浏览器似乎将该字段识别为可编辑，弹出了键盘，但任何输入似乎都会关闭它，或者它未能注册。有没有遇到相同问题的人，或者有什么解决方法？

您可以在这里尝试一下 - http://html5demos.com/contenteditable

谢谢！

- tangential

---

在iOS 17中，这仍然是一个问题，但以下是解决方案。 - undefined

Answer 1

今天我遇到了这个问题。对我来说，解决方案是在任何可编辑元素的CSS中将user-select设置为"text"：

* {
    -webkit-user-select: none;
    user-select: none;
}

input,
textarea,
[contenteditable] {
    -webkit-user-select: text;
    user-select: text;
}

- Jason P

---

确认在 iOS 10 中仍需要设置 user-select 属性全局时。 - Tim

在2017年9月，确认iOS 10仍然需要这个功能 - 没有任何更新改变了这一点。希望iOS 11会有所不同。很棒的发现和修复@Jason P - MattOlivos

我仍然需要在iOS 13.3上添加-webkit-user-select：text。 - Tom

Answer 2

我遇到了同样的问题，下面的链接帮助我解决了它。

https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html#//apple_ref/doc/uid/TP30001266-SW1

我的解决方案是将 "-webkit-user-modify" 属性设置为 "read-write"，适用于任何可编辑元素（您已定义为 contenteditable）。

*{
    -webkit-user-modify:read-write;
}

- Poonam

---

请注意兼容性，以及read-write-plaintext-only的取值，该取值可以防止富文本粘贴。 - undefined