手機端長按文本復制


css:
-webkit-user-select: none;可以限制長按復制
兼容性:
設置或檢索是否允許用戶選中文本。 
IE6-9不支持該屬性,但支持使用標簽屬性 onselectstart=”return false;” 來達到 user-select:none 的效果;Safari和Chrome也支持該標簽屬性; 
直到Opera12.5仍然不支持該屬性,但和IE6-9一樣,也支持使用私有的標簽屬性 unselectable=”on” 來達到 user-select:none 的效果;unselectable 的另一個值是 off; 
除Chrome和Safari外,在其它瀏覽器中,如果將文本設置為 -ms-user-select:none;,則用戶將無法在該文本塊中開始選擇文本。不過,如果用戶在頁面的其他區域開始選擇文本,則用戶仍然可以繼續選擇將文本設置為 -ms-user-select:none; 的區域文本; 
對應的腳本特性為userSelect。


user-select:none | text | all | element 
none:文本不能被選擇 
text:可以選擇文本  默認值
all:當所有內容作為一個整體時可以被選擇。如果雙擊或者在上下文上點擊子元素,那么被選擇的部分將是以該子元素向上回溯的最高祖先元素。 
element:可以選擇文本,但選擇范圍受元素邊界的約束

設置成-webkit-user-select: text;ios手機會出現不能復制的情況,解決方案是:
必須在父元素上面添加-webkit-user-select: text;否則就算子元素設置了此屬性,父元素沒有設置,也不能復制。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM