我的问题是关于一个网站，其中包含人们需要能够复制粘贴的特定代码。 我无法发布该示例的链接，因为我正在为客户工作。那不可能是合适的。我可以使用StackOverflow来解释这个问题：
请在iPad 2或3上查看以下网址：https://stackoverflow.com/tour 使用Safari浏览器。
将手指放在＆＃34;欢迎＆＃34;在标题中，它将仅选择该单词。 把手指放在＆＃34;问题＆＃34;在第一个文本部分（＆＃34; Stack Overflow是一个问答网站......等等＃34;）您无法选择该单词，因为它将选择整个文本块。< / p>
现在这种情况可能没问题。但我需要知道它背后的逻辑。我遇到的问题是我们有：
一些文字说明。在左侧网站的下方，我们有一个小文本（在一个单独的div中）和一个右侧的文本代码（也在一个单独的div中）。 这些项目周围有一个容器，否则我们无法创建某些标记。
当我们尝试选择该文本代码时，它将改为选择整个容器。 但是：如果我们放大，我们可以选择更具体的项目（但仍然不是我们想要的）。
有没有人知道如何解决这个问题？我们是否必须摆弄z-index或其他什么？
答案 0 :(得分：0)
我不确定这是否与CSS有关。没有看到实际页面就很难分辨。
-webkit-user-select: none;控制当前元素的文本选择。
但正如您在放大时提到的那样，您可以选择，因此可能与CSS无关。
不幸的是，我没有Ipad来测试它，但我可以建议一种替代方法，即添加一个按钮/锚点，并在click事件上将textarea的内容复制到剪贴板...
由于安全问题，并非所有浏览器都支持，但有许多变通方法/插件。在IE中你可以这样做：
function copy (text)
{
window.clipboardData.setData('Text',text);
}
您可以查看此solution