某些文字必须可以在iPad上选择，但不是

Question

我的问题是关于一个网站，其中包含某些人需要能够复制粘贴的代码。 我无法发布指向示例的链接，因为我正在为客户端工作。这不会是appropiete。我可以用StackOverflow解释问题：

请在iPad 2或3上检查以下URL：https://stackoverflow.com/tour 使用Safari浏览器进行此操作。

通过在标题中按住“欢迎”字样，它将仅选择该字。 通过在第一个文本部分（“堆栈溢出是一个问题和答案网站...等）”上的手指放在单词“问题”上，您将无法选择该单词，因为它会选择整个textblock代替。

现在这可能是罚款在这种情况下。但我需要知道它背后的逻辑。我遇到的问题是我们有：

一些文字行。在左侧网站的下方，我们有一个小文本（单独的div）和一个右侧的文本代码（也是单独的div）。 这些物品周围有一个容器，否则我们将无法创建某些标记。

当我们尝试选择文本代码时，它将选择整个容器。但是：如果我们放大，我们可以选择更具体的项目（但仍然不是我们想要的）。

有没有人有线索如何解决这个问题？我们必须摆弄z索引或其他什么吗？

Answer 1

我不确定这是不是CSS相关的问题。没有看到实际的页面很难说。

-webkit-user-select: none;控制当前元素的文本选择。
但正如你在放大时提到的，你可以选择，所以也许它不是CSS相关。

不幸的是，我没有一个Ipad来测试它，但我可以建议一种替代方法，即添加一个按钮/定位点和点击事件以将textarea的内容复制到剪贴板...
由于安全问题，不支持所有浏览器，但有很多解决方法/插件。在IE浏览器，你可以这样做：

function copy (text) 
{ 
window.clipboardData.setData('Text',text); 
} 

你可以看看这个solution