创客云
更专业,更规范,更实效,更懂营销!

禁止移动设备长按拷贝

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

WordPress主机推荐:创客主机 | 承接wordpress主题|插件汉化服务!(联系客服
分享到: 更多 (0)

评论 抢沙发

您必须登录后发表评论!

 

本站承接WordPress/DedeCMS等系统建站、仿站、开发、定制等服务!

关于我们联系我们
嘿,我来帮您!