某些文字必須可以在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