HTML5對手機頁面長按會粘貼復制禁用的解決方法
發(fā)布時間：2016-07-19 11:16:03 作者：佚名 
我要評論
我要評論這篇文章主要介紹了HTML5對手機頁面長按會粘貼復制禁用的解決方法的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
解決方法如下所示：
直接在CSS 文件中添加下面的代碼，就可以實現(xiàn)了在手機端禁止粘貼復制的功能：
XML/HTML Code復制內(nèi)容到剪貼板
- *{
- -webkit-touch-callout:none; /*系統(tǒng)默認菜單被禁用*/
- -webkit-user-select:none; /*webkit瀏覽器*/
- -khtml-user-select:none; /*早期瀏覽器*/
- -moz-user-select:none;/*火狐*/
- -ms-user-select:none; /*IE10*/
- user-select:none;
- }
在添加完這段代碼后，在IOS 上會有問題的，這個時候你會發(fā)現(xiàn)input 框無法正在輸入了內(nèi)容了；造成這個原因就是 -webkit-user-select:none; 這個屬性造成的。
解決這個方法 就是 在css 文件中同時設置一下input 的屬性，如下所示：
XML/HTML Code復制內(nèi)容到剪貼板
- input {
- -webkit-user-select:auto; /*webkit瀏覽器*/
- }
這樣就可以了，有什么不正確的地方請大神，指點出來；相互學習，互相進步！
相關(guān)文章
HTML5 Canvas實現(xiàn)的鼠標點擊長按粒子動畫特效源碼
是一款基于HTML5+Canvas繪制散開的粒子，鼠標按住粒子超光速動畫效果，非常有意思，歡迎喜歡此效果的朋友們前來下載使用2019-05-24
這篇文章主要介紹了移動端html5模擬長按事件的實現(xiàn)方法的相關(guān)資料,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-30詳解移動端html5頁面長按實現(xiàn)高亮全選文本內(nèi)容的兼容解決方案
這篇文章主要介紹了詳解移動端html5頁面長按實現(xiàn)高亮全選文本內(nèi)容的兼容解決方案 ,具有一定的參考價值，有興趣的可以了解一下。2016-12-03- 這篇文章主要介紹了解決HTML5頁面中長按保存圖片功能，本文分步驟給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友參考下吧2019-06-10
