這篇文章主要介紹了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中文網其他相關文章!