如何在 iPad Safari 上的只读 html 元素中启用用户选择？

【问题标题】：How to enable user select in a readOnly html element on iPad safari?如何在 iPad Safari 上的只读 html 元素中启用用户选择？
【发布时间】：2012-09-27 19:33:50
【问题描述】：

我在 iPad 上的网页中有一个 HTML 元素，它必须是只读的，以防止用户更新内容，使用 readOnly='readOnly' 使元素无法选择，并且元素的文本内容根本无法复制。

有没有办法让元素只读，用户可以选择/复制文本内容？？？？

【问题讨论】：

我投票决定重新提出这个问题。这个问题与链接的重复问题非常不同。
同意。此问题特定于 iPad 文本输入字段和 readOnly 属性，下面来自 aomar 的答案是我遇到的唯一解决方案。

标签： javascript html ipad mobile-webkit

【解决方案1】：

只是我删除了readOnly 属性并添加了以下onkeydown 和oncut 事件来模拟readOnly 行为

<input type="textarea" 
    onkeydown="event.preventDefault();event.stopPropagation();return false;" 
    oncut="event.preventDefault();event.stopPropagation();return false;">

【讨论】：

小心！这会破坏大多数浏览器中文本字段的键盘快捷键（例如 CMD + C 或 CMD + A）。
它是为 iPad 而不是其他任何东西
iPad 用户可能会使用外接键盘，这在 ipad Pro 上很常见。他们的键盘快捷键也会被破坏。