解決HTML5對手機頁面長按會貼上複製停用的方法

這篇文章主要介紹了HTML5對手機頁面長按會貼上複製禁用的解決方法的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下

解決方法如下：
 直接在CSS 檔案中加入下面的程式碼，就可以實現了在手機端禁止貼上複製的功能：

XML/HTML Code复制内容到剪贴板
*{   
    -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 的屬性，如下所示：

XML/HTML Code复制内容到剪贴板
input {      
     -webkit-user-select:auto; /*webkit浏览器*/     
}

這樣就可以了，有什麼不正確的地方請大神，指點出來；相互學習，互相進步！

以上是解決HTML5對手機頁面長按會貼上複製停用的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！