移動端禁止/取消長按進行復制粘貼的操作


項目中長按刪除、長按添加關注等功能是很常見的。但是手機端長按默認是會在周邊隨便選中文字彈出自帶的復制粘貼的操作,所以我們需要禁止掉移動端長按進行復制粘貼的操作。(可以防止內容被復制)

*{
	-webkit-touch-callout:none; /系統默認菜單被禁用/
	-webkit-user-select:none; /webkit瀏覽器/
	-moz-user-select:none;/火狐/
	-ms-user-select:none; /IE10/
	user-select:none;
}

此時在ios手機有問題,所有的輸入框自動失去焦點無法輸入內容,解決方法是加個以下樣式:

input , textarea{
	-webkit-user-select:auto;
}

移動端頁面禁止用戶放大縮小

 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, maximum-scale=1.0">


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM