使用css和jquery实现网页内容禁止选中和复制

  • 先看css操作
-moz-user-select: none; /*火狐*/
-webkit-user-select: none; /*webkit浏览器*/
-ms-user-select: none; /*IE10*/
-khtml-user-select: none; /*早期浏览器*/
user-select: none;
//IE6-9 不支持上面的样式
document.body.onselectstart = document.body.ondrag = function(){
  return false;
}

实践:

黑苹果乐园网站内容无法复制,首先按F12,然后选择elements选项卡,按ctrl+F搜索‘user-select’,直接收到结果,去掉该样式即可。
结果去掉样式后又自动加上了样式,该div元素只有一个class,直接去掉该class,然后再去掉样式,OK!!

针对该页面写一条语句:
$('div.entry-content').attr('style','').removeClass();

使用css和jquery实现网页内容禁止选中和复制_第1张图片
Paste_Image.png

注:有些网站还会通过绑定drag事件来阻止别人复制!可以使用$('xxxx').unbind();解除所有绑定的事件!!

你可能感兴趣的:(使用css和jquery实现网页内容禁止选中和复制)