• 前端分享学习博客,探究前端相关技术,推动天朝前端发展,有任何问题都可以留言一起探究
  • 由于站内自链接问题,部分pre中的代码首字母使用大写以过滤筛选
  • 欢迎友链互换,还有,如果有大神请不要黑我的站点(o´・ェ・`o)
  • 如果你觉得博客还不错,请Ctrl+D收藏( *︾▽︾)

清除页面复制限制

很多网站页面上会加上一些操作限制,比如禁用右键,禁用复制等操作,主要是源于文章保护,和引导用户填写信息等,毕竟这是个复制软文时代,原创的很少啊呵呵清除页面复制限制,但这只是最基础的防范傻白甜小妹妹的,对于开发人员并没有什么卵用;

禁用右键一般用在中小型的门户网站上吧,不是很常见,这里也不列举例子了,code如下:

function stop() { return false; } document.oncontextmenu = stop;

同理也可以限制用户的复制行为,限制随意鼠标复制页面内容,或者在用户做此操作的时候给与‘友情提示’:

document.body.oncopy=function(){alert("复制成功!若要转载请务必保留原文链接,申明来源,谢谢合作!");}

恩,本站就是这么做的清除页面复制限制哈哈;

还有一种用户引导性质的写法,举例的话360doc个人图书馆大家如果看过的话就应该知道这个网站的尿性,比如里面一句鸡汤写的不错想复制的微博装逼的时候,右键复制一下吧:

清除页面复制限制

然后你会发现:

清除页面复制限制

什么鬼清除页面复制限制,这就是对用户操作做了限制,原理同上面的示例代码其实是一样的,oncopy里写了新的方法;当然这种方法也是只是对小白惯用,干掉这个的方法有很多,这里是说一种,在浏览器控制台输入以下代码:

document.oncontextmenu=document.onselectstart=document.body.onselectstart=document.oncopy=document.body.oncopy=""

清除页面复制限制

就是这样,然后就可以随意右键、复制了;细看一下代码,是的非常简单,清除页面脚本在页面行为右键、选中、复制的方法,回归原始的状态吧,就可以自由的操作文章内容了清除页面复制限制


薛陈磊的博客 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明清除页面复制限制
喜欢 (2)
[905044086@qq.com]
分享 (0)
作者薛陈磊
关于作者:
非著名前端工程师,关注Html5、Css3、Javascript、Node.js和各种前端框架发展,学习管理技巧和团队建设方法,期待遇到更多前端小伙伴一起学习进步;
说点什么...
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(3)个小伙伴在吐槽
  1. 学到了。原来是这样实现的右键禁止。
    欣然面对2017-03-12 09:11 回复 Windows 7 | 搜狗浏览器 2.X
  2. 直接在console输入: $="";也是可以的
    a149072017-02-27 15:51 回复 Windows 7 | Chrome 55.0.2883.87
    • 老哥稳,简单粗暴
      薛 陈磊2017-02-27 17:37 回复 Windows 7 | Chrome 56.0.2924.87