利用JavaScript实现在用户复制网页文章时自动添加版权信息的功能,当有网友想转载你的文章内容的时候,系统自动将版权信息和原文地址加入到复制内容中。

javascript代码

<script>
    document.addEventListener('copy', function (event) {
        if (typeof window.getSelection == "undefined") return; //IE8 or earlier...
        var body_element = document.getElementsByTagName('body')[0];
        var selection = window.getSelection();
        //判断复制的内容的长度是否大于30
        //如果不大于 30 ,则不追加内容
        if (("" + selection).length < 30) return;
        var newdiv = document.createElement('div');
        newdiv.style.position = 'absolute';
        newdiv.style.left = '-99999px';
        body_element.appendChild(newdiv);
        newdiv.appendChild(selection.getRangeAt(0).cloneContents());
        if (selection.getRangeAt(0).commonAncestorContainer.nodeName == "PRE") {
            newdiv.innerHTML = "<pre>" + newdiv.innerHTML + "</pre>";
        }
    // 追加的HTML代码
    //  newdiv.innerHTML += "<br />原文地址: <a href='"+ document.location.href + "'>"+ document.location.href + "</a> &copy; tghello.com";
    //  追加的TXT文字
        newdiv.innerHTML += "\r\n原文地址:"+ document.location.href + "\r\n &copy; tghello.com";
        selection.selectAllChildren(newdiv);
        window.setTimeout(function () { body_element.removeChild(newdiv); }, 200);
    });
</script>

效果如下:

原文地址:https://www.tghello.com/post/103.html © tghello.com

本文来自:飞鸟慕鱼博客