项目中长按删除、长按添加关注等功能是很常见的。但是手机端长按默认是会在周边随便选中文字弹出自带的复制粘贴的操作,所以我们需要禁止掉移动端长按进行复制粘贴的操作。(可以防止内容被复制)
*{
-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">