一、弹窗提示
文章的内容可以复制,但复制后会弹出版权提示,是一种较好处理方法,既能提高读者版权意识又不太影响用户体验。
1、Javascript 代码实现
将代码添加到 html 中即可,比如添加到模板的 footer.php、header.php。
<script type="text/javascript">
document.body.oncopy=function(){alert('复制成功!本站文章皆为原创,未经允许禁止转载或抄袭,若要转载请务必保留原文链接谢谢合作!');}
</script>
效果:
二、添加文章链接
复制文章内容后不会有任何提示,但是粘贴时会自动把文章链接加到复制的内容后面。
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 页签:
输入 <script type="text/javascript">
与 </script>
中的源码并回车:
然后就可以测试效果了,比如我测试的是禁止复制并弹窗,那么在文章处选择内容并 Ctrl+C 或右键复制,就会弹出相应提示:
大家在实际应用到网站中可以先这样测试一下,毕竟每个网站内容都不一样,并不能保证都能直接套用。
参考文章:
1、《为文章加上版权提示,防止文章被恶意复制》
2、《JavaScript禁止弹出右键菜单》
Android 6.0.1Chrome 57.0.2987.108来自 安徽 的大神
审查元素复制有办法屏蔽吗(ಡωಡ)
没有绝对的屏蔽,就算在当前页面屏蔽了,也可以通过 view-source:chrome:// 等等方法看到
Windows 7Chrome 64.0.3282.186来自 广东 的大神
这些方法只能对付网络小白,大神想要偷你文章和审查元素都是随随便便的
是这样的
Windows 10Chrome 89.0.4389.82来自 福建 的大神
够了 防止小白就够了 哈哈~
嗯嗯,真要复制禁止 JavaScript 就可以了,还有 RSS 也可以直接复制原文,太多地方了,基本防不住,只能防不懂的小白