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

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

*{
	-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">
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章