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