h5頁面在ios機上禁止長按復制


(注意,增加之后需要對input的另外設置,不然輸入框無法輸入)場景:H5出現一個按鈕需要長按幾秒展示動畫的,如:skcs.net-tactic.com/wap/peace/index,這時就需要用到禁止蘋果的

ios機默認存在長按復制選擇,用以下代碼取消:

*{

-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;

}

 

但是以上代碼也會禁止輸入框的使用,可用以下代碼解決:

input {

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

}

textarea {                                                                //如果存在textarea也輸入不進文本的情況下,加上這個

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

}


免責聲明!

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



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