多年青島網站建設經驗,專業青島網站設計公司青島網站制作公司關于我們 | 客戶服務歡迎來到青島網站建設公司青華互聯!
年輕,更要脫穎而出
對于網站建設,我們有活力,有態度
我們的優勢: 專業網絡公司,網站設計師量身定制 配備阿里云主機,BGP多線,高速訪問 保障網站數據穩定、安全 免費提供快速ICP備案 承諾24小時快速解決網站問題

HTML5對于手機頁面長按會粘貼復制的禁用方法

更新時間:2018-08-25 10:55   已閱讀: 次 |  作者:青華互聯  來源:青島網站建設
HTML5對于手機頁面長按會粘貼復制的禁用方法:

直接在CSS 文件中添加下面的代碼,就可以實現了在手機端禁止粘貼復制的功能: 

*{ 
-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 的屬性,如下所示: 

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


這樣就可以了,以上內容由青島網站建設公司青華互聯編輯。

文章引用:http://www.psuvyi.tw/news/webzhishi/1134.html
青島網站建設
電話咨詢
0532-80812129
186-532-19163
青島網站制作
青島網站建設手機站
返回頂部
一肖中特今晚