HTML/CSS
禁止移动设备长按拷贝
PetitQ
网页在手机上浏览时通常会碰到一个问题，就是不小心触摸时间过长就出现自带的拷贝等按键了（有些客户也需要屏蔽手机端复制功能），造成了不好的体验，下面就教你解决办法。
web 端，只需在 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;
}
也想出现在这里？联系我们吧
以上代码也包括了禁止了 input 的输入（导致很多输入框无法输入），所以要单加一段代码开放 input 的权限
input {-webkit-user-select:auto; /*webkit浏览器*/
}
另附上一个 app 应用 h5 长安拷贝的解决方法（没有验证过，仅供参考）屏蔽掉长按事件，因为 webview 长按时将会调用系统的复制控件:
mWebView.setOnLongClickListener(new OnLongClickListener() {
@Overridepublic boolean onLongClick(View v) {
return true;
}});
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
