您现在的位置是:首页 > 前端开发

JS实现页面复制文章内容分享时自动加版权

博主:紫藤心-迷途    日期:2020-04-05 浏览次数:395次

查看过CSDN博客教程的人应该都清楚,在复制他人成果时会自动添加文章页面版权说明文字,来提醒你注意文章版权问题,如果我们在制作博客的过程中,也需要这个功能的话,那么可以复制下方js代码,放到您的网站的底部公共文件中,这样用户在复制你的文章时就可以自动加上版权文字了。

<script type="text/javascript">
var Sys = {};
var ua = navigator.userAgent.toLowerCase();
if( window.ActiveXObject ){
    document.body.oncopy = function(){
        event.returnValue = false;
        var t=document.selection.createRange().text;
        var s=" - 本文来自「紫藤网址导航博客」,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。原文链接:"+location.href;
        clipboardData.setData('Text',t+'
'+s);
    };
}else{
    function addLink(){
        var body_element = document.getElementsByTagName('body')0;
        var selection;
        selection = window.getSelection();
        var pagelink = " - 本文来自「紫藤网址导航博客」,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。原文链接:"+location.href;
        var copytext = selection + pagelink;
        var newdiv = document.createElement('div');
        newdiv.style.position='absolute';
        newdiv.style.left='-99999px';
        body_element.appendChild(newdiv);
        newdiv.innerHTML = copytext;
        selection.selectAllChildren(newdiv);
        window.setTimeout(function(){body_element.removeChild(newdiv);},0);
    }
    document.oncopy = addLink;
}   
</script>


文章关键词:
分享到: / / / /
  • 点击此处扫一扫二维码,直接手机访问此页