首頁 > web前端 > H5教程 > 主體

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

黄舟
發布: 2017-03-30 15:51:13
原創
8165 人瀏覽過

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板