(1)利用css,在整个页面的最上层,叠加上一层透明蒙版,让用户无法选择内容
(2)利用css,给想让无法被复制的内容加上user-select:none的属性即可
注意:这两种方法有个共同的缺点就是利用控制台修改css即可,但是对于移动端这两种方法还是很好用的
从上面两种方法可以发现,css只能防止小白进行复制,我们可以利用js防止用户复制
(3)将页面的复制事件跟剪切事件进行重写,禁用鼠标右键菜单事件、禁止用户选中内容
//禁止右键菜单
document.oncontextmenu=function(){return false}
//禁止文字选择
document.onselectstart=function(){return false}
//禁止复制
document.oncopy=function(){return false}
//禁止剪切
document.oncut=function(){return false}
(4)设置html属性标签
<body oncopy="return false"
oncut="return false"
onselectstart="return false"
oncontextmenu="return false">
...
</body>
注意:当然这种也是有破解的办法的,禁止当前页面的js;删除或者覆盖oncopy和onselect属性事件;利用ocr技术,图片转文字