博客/网站文章版权保护 - 禁止右键、弹窗、附带链接等

一、弹窗提示

文章的内容可以复制,但复制后会弹出版权提示,是一种较好处理方法,既能提高读者版权意识又不太影响用户体验。

1、Javascript 代码实现

将代码添加到 html 中即可,比如添加到模板的 footer.php、header.php。

<script type="text/javascript">
document.body.oncopy=function(){alert('复制成功!本站文章皆为原创,未经允许禁止转载或抄袭,若要转载请务必保留原文链接谢谢合作!');}
</script>  

效果:

ALERT.COPYWRIGHT.png

二、添加文章链接

复制文章内容后不会有任何提示,但是粘贴时会自动把文章链接加到复制的内容后面。

1、Javascript 代码实现

<script type="text/javascript">
function addLink() {
    var body_element = document.getElementsByTagName('body')[0];
    var selection;
    selection = window.getSelection();
    var pagelink = "  来自: <a href='"+document.location.href+"'>"+document.location.href+"</a>"; 
    var copy_text = selection + pagelink;
    var new_div = document.createElement('div');
    new_div.style.left='-99999px';
    new_div.style.position='absolute';
    body_element.appendChild(new_div );
    new_div.innerHTML = copy_text ;
    selection.selectAllChildren(new_div );
    window.setTimeout(function() {
        body_element.removeChild(new_div );
    },0);
}
document.oncopy = addLink;
</script> 

效果:

即日起本站博客域名从 https://owenss.com 迁移至 https://blog.vircloud.net,已设置自动跳转。 来自: https://blog.vircloud.net/default/migrate.html

三、禁止复制

即复制功能失效。

1、html 代码

在 body 标签中加入 oncopy="return false" 标记即可,即:

<body oncopy = "return false">  

2、Javascrpt 代码

复制失效且无提示:

<script type="text/javascript">   
document.oncopy = function(){    
return false;    
};   
</script>  

复制失效但弹出提示:

<script type="text/javascript">   
document.oncopy = function(){    
alert("本站文章禁止复制转载,谢谢合作!");
return false;    
};   
</script>  

四、禁止选择

即无法选中任何元素(图片、文字)。

1、css 代码

body {   
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
}  

2、Javascript 代码

<script type="text/javascript">   
document.onselectstart = function(){    
return false;    
};   
</script>

五、禁止鼠标右键

即点击右键不弹出菜单

1、Javascript 代码

<script type="text/javascript">   
document.oncontextmenu = function(){    
return false;    
};   
</script>  

六、禁止剪切粘贴

即剪切及粘贴功能失效

1、Javascript 代码

<script type="text/javascript">      
document.oncut = function(){ return false; };  //禁止剪切
document.onpaste = function(){ return false; };  //禁止粘贴
</script>   

七、如何利用 Chrome 测试 Javascript 代码

在文章页面按 F12,在弹出的右侧调试栏,选择 Console 页签:

Console.png

输入 <script type="text/javascript"></script> 中的源码并回车:

Console.Code.png

然后就可以测试效果了,比如我测试的是禁止复制并弹窗,那么在文章处选择内容并 Ctrl+C 或右键复制,就会弹出相应提示:

Console.Code.Test.png

大家在实际应用到网站中可以先这样测试一下,毕竟每个网站内容都不一样,并不能保证都能直接套用。


参考文章:
1、《为文章加上版权提示,防止文章被恶意复制
2、《JavaScript禁止弹出右键菜单


ArmxMod for Typecho
个性化、自适应、功能强大的响应式主题

推广

 继续浏览关于 教程typecho版权保护禁止右键弹窗提示wordpress 的文章

 本文最后更新于 2018/02/09 17:22:27,可能因经年累月而与现状有所差异

 引用转载请注明:VirCloud's Blog > 系统 > 博客/网站文章版权保护 - 禁止右键、弹窗、附带链接等

精选评论

  1. 梁兴健
    梁兴健 回复

    Windows 7Chrome 64.0.3282.186来自 广东 的大神

    这些方法只能对付网络小白,大神想要偷你文章和审查元素都是随随便便的 icon_mrgreen.gif

    1. VirCloud
      VirCloud 回复

      Windows 10Chrome 64.0.3282.140来自 福建 的大神

      是这样的

  2. 情醉中国风
    情醉中国风 回复

    Android 6.0.1Chrome 57.0.2987.108来自 安徽 的大神

    审查元素复制有办法屏蔽吗(ಡωಡ)

    1. VirCloud
      VirCloud 回复

      Windows 10Chrome 64.0.3282.140来自 福建 的大神

      没有绝对的屏蔽,就算在当前页面屏蔽了,也可以通过 view-source:chrome:// 等等方法看到