vue 简单实现屏蔽移动端复制功能

由于医生提供的资料都比较宝贵，所以要求在移动端不能复制。特地总结一下网上和自己的几个方法。

一 方法实现

1.第一种覆盖大多数的方法

1 2 3 4 5 6 7 8 9 10

*{ -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; #但是安卓不行 } input { -webkit-user-select:auto; /*webkit浏览器*/ }

2.第一种在上面，第二种

1 2 3 4 5

<div onselectstart="return false;"> -webkit-touch-callout:none; -moz-touch-callout:none; -ms-touch-callout:none; touch-callout:none;

 

这种在微信浏览器安卓不能复制，但是在安卓的网页上依旧可以复制

3.使用原生js阻止默认事件

1 2 3

document.oncopy = function(e){ e.preventDefault(); }

 

在多数