网页在手机上浏览时通常会碰到一个问题,就是不小心触摸时间过长就出现自带的拷贝等按键了(有些客户也需要屏蔽手机端复制功能),造成了不好的体验,下面就教你解决办法。
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() {
- @Override
- public boolean onLongClick(View v) {
- return true;
- }
- });