HTML5 對於手機頁面長按會粘貼復制的禁用 (解決方案)


解決方案:

 直接在CSS 文件中添加下面的代碼,就可以實現了在手機端禁止粘貼復制的功能:

*{
    -webkit-touch-callout:none;  /*系統默認菜單被禁用*/
    -webkit-user-select:none; /*webkit瀏覽器*/
    -khtml-user-select:none; /*早期瀏覽器*/
    -moz-user-select:none;/*火狐*/
    -ms-user-select:none; /*IE10*/
    user-select:none;
}

在添加完這段代碼后,在IOS 上會有問題的,這個時候你會發現input 框無法正在輸入了內容了;造成這個原因就是 -webkit-user-select:none; 這個屬性造成的。

解決這個方法 就是 在css 文件中同時設置一下input 的屬性,如下所示:

input {
     -webkit-user-select:auto; /*webkit瀏覽器*/
}

這樣就可以了,有什么不正確的地方請大神,指點出來;相互學習,互相進步!

 


免責聲明!

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



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