JS代码实现复制网页内容自动添加版权信息(兼容IE、Firefox和Chrome)

 2016-08-19 07:21:45  436 人阅读  21 条评论

投放广告联系   诚邀合作伙伴   赞助我们   公告栏   赞助光荣榜

不知道大家是否注意到今日头条的自动添加版权信息功能?就是复制今日头条文章的内容时,在粘贴的时候都会自动在内容最后默默添加上头条号的相关版权信息。这种做法感觉非常好,比起那些弹窗告知版权信息的感觉更利于用户体验。

JS代码实现复制网页内容自动添加版权信息(兼容IE、Firefox和Chrome)

度娘搜索“复制网页内容自动添加版权信息”给出的教程及代码有很多,但是或多或少都会存在一些不如意的地方,如在某些浏览器能实现,但是在另一些浏览器却失效。今天跟大家分享的这个JS代码能够兼容大部分浏览器,如兼容IE、Firefox和Chrome等。

现在我们以WordPress站点为例,说明如何添加这个JS代码实现复制网页内容自动添加版权信息。其实,实现方法很简单,只需要将以下代码添加到网页head 头部,WordPress站点的就直接将以下代码添加到头部模板header.php文件中的<?php wp_head(); ?>上面即可。

  1. <script type="text/javascript">
  2.     var Sys = {};
  3.     var ua = navigator.userAgent.toLowerCase();
  4.     if( window.ActiveXObject )
  5.     {
  6.         document.body.oncopy=function()
  7.         {
  8.             event.returnValue = false;
  9.             var t=document.selection.createRange().text;
  10.             var s="\r\n原文出自[boke112导航],转载请保留原文链接:"+location.href;
  11.             clipboardData.setData('Text',t+'\r\n'+s);
  12.         }
  13.     }
  14.     else
  15.     {
  16.         function addLink()
  17.         {
  18.             var body_element = document.getElementsByTagName('body')[0];
  19.             var selection;
  20.             selection = window.getSelection();
  21.             var pagelink = " 原文出自[boke112导航],转载请保留原文链接:"+document.location.href;
  22.             var copytext = selection + pagelink;
  23.             var newdiv = document.createElement('div');
  24.             newdiv.style.position='absolute';
  25.             newdiv.style.left='-99999px';
  26.             body_element.appendChild(newdiv);
  27.             newdiv.innerHTML = copytext;
  28.             selection.selectAllChildren(newdiv);
  29.             window.setTimeout
  30.             (
  31.                 function()
  32.                 {
  33.                     body_element.removeChild(newdiv);
  34.                 },0
  35.             );
  36.         }
  37.         document.oncopy = addLink;
  38.     }
  39. </script>

源代码来自:爱思资源网

说明:添加以上代码到header.php文件之后,无论复制站点中任何的文字内容都会自动添加上版权信息。其实这样的做法有点过了,boke112导航认为只需要在文章页面添加以上JS代码即可,其他地方没必要添加这些JS代码。那么实现只在文章页面加载JS代码的方法也很简单,只需要在这些按以下方法即可实现:

  1. <?php if (is_single() || is_page() ) { ?>
  2. JS代码
  3. <?php } ?>

至于最终的具体效果,大家可以复制本文的任何内容然后粘贴看看效果,从效果看,boke112是比较满意这种自动添加版权信息的方法的。

如果文章对你有帮助,请赞赏支持boke112导航发展!

本文地址:http://boke112.com/3392.html
文章标签: ,  
关注我们:请关注一下我们的微信公众号:扫描二维码,公众号:aiboke112
版权声明:本文为原创文章,版权归  所有,欢迎分享本文,转载请保留出处!
WordPress/zblogPHP免费响应式博客主题Blogs

 发表评论


  1. 我爱动感单车网
    我爱动感单车网 【尚书】 @回复

    [憨笑] 对于别有用心的人,这个是没有任何作用的,与其这样倒不如不用好,一切随缘!

    • boke112导航
      boke112导航【村长】2016-08-23 22:13  回复

      @我爱动感单车网是的,这个只能防君子而已,其实却是没啥意义,想保留版权的,没有这个也会保留;不想保留了,有了这个依然会删除

  2. 南通SEO
    南通SEO 【举人】 @回复

    取消了啊,难怪我复制粘贴了没有任何版权的信息呢!
    其实还是有挺多的网站复制文章以后会自动添加版权信息,这个功能也挺好的!

  3. 博客114导航
    博客114导航 【举人】 @回复

    这个应该作用不大,用户复制过去也有可能把版权删掉

  4. 雅兮网
    雅兮网 【尚书】 @回复

    似乎找到问题所在了,这段代码跟知更鸟的高亮功能有冲突,复制高亮的代码会出现遗失代码的情况,我用的360安全浏览器

    • boke112导航
      boke112导航【村长】2016-08-19 22:30  回复

      @雅兮网原来是这样,当初我在知更鸟站点复制代码的时候老是少代码,那时候我还纳闷的,反复测试。PS:为了不影响用户体验,本站已取消这个功能。

  5. 本质游戏
    本质游戏 【秀才】 @回复

    我用edge浏览器的时候居然不加载评论框….

    • boke112导航
      boke112导航【村长】2016-08-19 22:30  回复

      @本质游戏还有这种情况啊,很少使用这个浏览器

      • 本质游戏
        本质游戏 【秀才】2016-08-20 06:44  回复

        @boke112导航虽然我用win10 但是也不常用edge浏览器
        我使用的是QQ浏览器 有些网站兼容性不好 有事我会切换内核
        赶巧浏览贵站的时候切换到了edge内核 所以发现了这个问题

  6. 野人摊影视分享
    野人摊影视分享 【秀才】 @回复

    昨天在复制本站代码的时候,复制老是不成功,就算复制成功了也是不换行或者就是版权信息,然后没然后了 5555

  7. 小萝博客
    小萝博客 【状元】 @回复

    是挺好的,这种东西还的看人

  8. SEO自学网
    SEO自学网 【秀才】 @回复

    我转载了,在你的原文上修改了。

  9. 金榜台博客
    金榜台博客 【状元】 @回复

    学习,涨知识了

  10. SEO自学网
    SEO自学网 【秀才】 @回复

    这个挺不错的,之前我用过那种弹窗式,还是这种更有用户体验。

  11. 笑公馆
    笑公馆 【书童】 @回复

    不错,发现很多博客都在用

  12. 捌零男人
    捌零男人 【进士】 @回复

    我不赞成这样做,毕竟用户体验不太好,当然每个站都有自己的情况,这个技巧还是挺实用的,或许可以用在别的什么地方也不一定,感谢分享

    • boke112导航
      boke112导航【村长】2016-08-19 09:40  回复

      @捌零男人这个只有在复制文章内容的时候才会在内容最后附上版权说明及链接,几乎不会影响到用户体验,只会影响到复制文章的用户或他人。

  13. Koolight
    Koolight 【尚书】 @回复

    我也添加了代码,但估计没这么全,可能也是只支持某些浏览器。