使用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();

Paste_Image.png

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • //------------------------- 第一章 认识JQuery ----------------...
    米塔塔阅读 747评论 0 9
  • 首先附上jQuery官网 http://jquery.com/ 2.0版本开始放弃了对IE7/8及其之前版本的...
    风之帆阅读 713评论 4 2
  • 一、样式篇 第1章 初识jQuery (1)环境搭建 进入官方网站获取最新的版本 http://jquery.co...
    凛0_0阅读 3,451评论 0 44
  • 一 “0744525号护士小姐,请你详细记录3638423号的死亡时间,请务必精确到无法更精确。” 病房的广播里向...
    张海带阅读 449评论 1 3
  • 如今,“老头”残缺的手掌依旧让人触目惊心,我记得那个手掌,那个承载生命希望却险先不复存在的“不完满”。 没经历过生...
    夜白安阅读 382评论 0 0