Html 某些文本在ipad上必须是可选择的,但不是';T

Html 某些文本在ipad上必须是可选择的,但不是';T,html,ios,css,ipad,safari,Html,Ios,Css,Ipad,Safari,我的问题是关于一个包含某些代码的网站,人们需要能够复制粘贴。 我无法发布示例的链接,因为我正在为客户工作。那是不合适的。我可以用StackOverflow解释这个问题: 请在iPad 2或3上查看以下URL: 使用Safari浏览器进行此操作 通过将手指放在标题中的“欢迎”一词上,它将仅选择该词。 在第一个文本部分(“Stack Overflow是一个问答网站…等等”)中,如果手指按住“question”一词,您将无法选择该词,因为它将选择整个文本块 在这种情况下,这可能没问题。但我需要知道背后

我的问题是关于一个包含某些代码的网站,人们需要能够复制粘贴。 我无法发布示例的链接,因为我正在为客户工作。那是不合适的。我可以用StackOverflow解释这个问题:

请在iPad 2或3上查看以下URL: 使用Safari浏览器进行此操作

通过将手指放在标题中的“欢迎”一词上,它将仅选择该词。 在第一个文本部分(“Stack Overflow是一个问答网站…等等”)中,如果手指按住“question”一词,您将无法选择该词,因为它将选择整个文本块

在这种情况下,这可能没问题。但我需要知道背后的逻辑。我遇到的问题是我们有:

一些文本行。在左侧站点的下方,我们有一个小文本(在一个单独的div中),在右侧有一个文本代码(也在一个单独的div中)。 这些项目周围有一个容器,因为否则我们将无法创建特定的标记

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


有人知道如何解决这个问题吗?我们必须处理z索引或其他什么吗?

我不确定这是否与CSS相关。如果看不到实际页面,很难判断

-webkit用户选择:无控制当前元素的文本选择。

但正如您在放大时所提到的,您可以选择,因此可能与CSS无关

不幸的是,我没有Ipad来测试它,但我可以建议另一种方法,可能是添加一个按钮/锚,然后在单击事件中将textarea的内容复制到剪贴板…
由于安全问题,并非所有浏览器都支持,但有许多解决方法/插件。在IE中,您可以做到:

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


你可以看看这个

谢谢你的回答。我相信webkit用户选择不存在,所以这不应该是问题所在。我也在考虑寻找其他的解决方案,比如自动复制jquery,但我仍然想知道选择一个单词与否的逻辑是什么。确定这只是一个随机猜测:)