前言

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

食用方法

将代码添加到 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> 

效果


这样博客添加网站文章版权保护提示,就ok了,复制过后的文案可以根据自己的想法在js里面修改

最后修改:2021 年 04 月 26 日
如果觉得我的文章对你有用,请随意赞赏