为博客添加网站文章版权保护提示附带链接

小唐同学.

发布于 2022-02-23 19:07:46

1.4K00

代码可运行

文章被收录于专栏：CMS建站教程CMS建站教程

运行总次数：0

代码可运行

前言

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

食用方法

将代码添加到 html 中即可，比如添加到模板的 footer.php、header.php等地方，反正就是在body前面或者是底部都可以调用外部js 文件中引入layer资源文件，代码如下

<script src="//lib.baomitu.com/layer/3.1.1/layer.js"></script>

js部分

 document.body.oncopy = function() {layer.msg('复制成功,若要转载请务必保留原文链接！');};

添加文章链接

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

<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>