博客、网站文章写好之后,如果是原创的,别人如果要转载时,芾苙特别希望他能够注明一下来源。而芾苙如果转载别人的文章,也会注明哦!

弹窗提示

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

1、Javascript 代码实现

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

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

效果:
36720-bpuazn6chow.png

二、添加文章链接

复制文章内容后不会有任何提示,但是粘贴时会自动把文章链接加到复制的内容后面。同样,把代码添加到 html 中即可,也可以添加到模板的 footer.php、header.php。

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> 

效果:

前阵子,我分享了一款IOS的观影神器。结果很多小伙伴说,怎么没有安卓的呐?看不清安卓么?吖,谁说的?芾苙立马就找了一款神器,分享给大家!本文转载自: http://www.fily.fun/328.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;
};
<script type="text/javascript">
document.onpaste = function(){
return false;
};
</script>

参考文章

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