复制网页内容自动添加版权信息

摘要

该功能大家经常会遇到,复制粘贴某网页文字后,里面有该网站的一些版本信息,可起到提醒转载文章者,注意保留原文链接的作用。

复制网页内容自动添加版权信息

将代码添加到网页head 头部,WordPress主题可以将代码添加到头部模板header.php:<?php wp_head(); ?>,上面即可。

不要忘记将代码放在

  1. <script ="text/javascript"> 代码 </script>

代码一

  1. function addLink() {
  2.     var selection = window.getSelection();
  3.     pagelink = ". 原文出自[知更鸟] 转载请保留原文链接: " + document.location.href;
  4.     copytext = selection + pagelink;
  5.     newdiv = document.createElement('div');
  6.     newdiv.style.position = 'absolute';
  7.     newdiv.style.left = '-99999px';
  8.     document.body.appendChild(newdiv);
  9.     newdiv.innerHTML = copytext;
  10.     selection.selectAllChildren(newdiv);
  11.     window.setTimeout(function () {
  12.         document.body.removeChild(newdiv);
  13.     }, 100);
  14. }
  15. document.oncopy = addLink;

代码二

  1. function addLink() {
  2.     var body_element = document.body;
  3.     var selection;
  4.     selection = window.getSelection();
  5.     if (window.clipboardData) { // Internet Explorer
  6.         var pagelink ="\r\n\r\n 原文出自[ 知更鸟 ] 转载请保留原文链接: "+document.location.href+"";
  7.         var copytext = selection + pagelink;
  8.         window.clipboardData.setData ("Text", copytext);
  9.         return false;
  10.     } else {
  11.         var pagelink = " 原文出自[ 知更鸟 ] 转载请保留原文链接: "+document.location.href+"";
  12.         var copytext = selection + pagelink;
  13.         var newdiv = document.createElement('div');
  14.         newdiv.style.position='absolute';
  15.         newdiv.style.left='-99999px';
  16.         body_element.appendChild(newdiv);
  17.         newdiv.innerHTML = copytext;
  18.         selection.selectAllChildren(newdiv);
  19.         window.setTimeout(function() {
  20.         body_element.removeChild(newdiv);
  21.         },0);
  22.     }
  23. }
  24. document.oncopy = addLink;

添加以上代码后,别人在你网站复制任何文字内容,粘贴时都会自动带上版权信息,使用时修改其中的版本信息,貌似不支持低版本IE。

提示

修改模板后,记得将模板编码改为:UTF-8 无BOM(无签名),否则提示中的汉字会乱码,建议使用专门的编辑工具,比如:Notepad++(免费)编辑修改主题模板文件。

参考:

  • http://stackoverflow.com/questions/2026335/how-to-add-extra-info-to-copied-web-text
  • http://bavotasan.com/2010/add-a-copyright-notice-to-copied-text/
  • http://techwelkin.com/add-source-link-copyright-copied-text-clipboard
weinxin
我的微信
分享交流WordPress经验与技巧,关注前端设计与网站制作。仅用于功能演示。
Begin主题购买
Begin主题购买

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:18   其中:访客  17   博主  1

    • avatar 博客大全 来自天朝的朋友 谷歌浏览器 Windows 10 浙江省杭州市 阿里云BGP数据中心 3

      这个很有用

        • avatar 我爱动感单车网 来自天朝的朋友 谷歌浏览器 Windows XP 浙江省杭州市 阿里云BGP数据中心 7

          @博客大全 :razz: 表面上看,很有用;但是对于有心要复制你网站内容的人来说,也只能是“然并卵”罢了。

        • avatar Koolight 来自天朝的朋友 Safari浏览器  Android 4.4.2 PE-CL00 Build/HuaweiPE-CL00 浙江省杭州市 阿里云BGP数据中心 4

          一段实用的JS!

          • avatar boke112导航 来自天朝的朋友 谷歌浏览器 Windows XP 浙江省杭州市 阿里云BGP数据中心 5

            这个功能比起弹窗提醒更实用,一声不吭就直接在文字后面添加上版权信息,值得推荐

            • avatar 小萝博客 来自天朝的朋友 谷歌浏览器 Windows 7 浙江省杭州市 阿里云BGP数据中心 2

              贵站好像没有添加

              • avatar 龙砚庭博客 来自天朝的朋友 QQ浏览器 Windows 10 浙江省杭州市 阿里云BGP数据中心 0

                :lol: 挺好的,想起以前玩论坛的时候,也曾经弄过复制文字时,自带版权声明。

                • avatar 帅气小琦琦 来自天朝的朋友 谷歌浏览器 Windows 10 浙江省杭州市 阿里云BGP数据中心 5

                  我的站点目前是弹窗提醒,对于那些想要完整复制过去的人 真的是一点办法都没有

                  • avatar 啪啪哒IT 来自天朝的朋友 谷歌浏览器 Linux 浙江省杭州市 阿里云BGP数据中心 0

                    找到了,一直想要这种的

                    • avatar 阿若 来自天朝的朋友 谷歌浏览器 Windows 7 浙江省杭州市 阿里云BGP数据中心 0

                      鸟哥下次升级把这好功能加入主题里

                      • avatar 我爱动感单车网 来自天朝的朋友 谷歌浏览器 Windows XP 浙江省杭州市 阿里云BGP数据中心 7

                        :idea: 这个谁有在用,让看看具体效果就好啦!

                        • avatar 墨丶水瓶 来自天朝的朋友 谷歌浏览器 Windows 8 浙江省杭州市 阿里云BGP数据中心 4

                          如果有心申明的,就是没有这个也会申明一下原文出处。没心这么做的即使加上了也会删除的干干净净。

                          • avatar Dazi 来自天朝的朋友 谷歌浏览器 Ubuntu Linux 浙江省杭州市 阿里云BGP数据中心 1

                            不错的功能!

                            • avatar 接利棒 来自天朝的朋友 谷歌浏览器 Windows 10 浙江省杭州市 阿里云BGP数据中心 1

                              不能用,乱码

                                • avatar tt 来自天朝的朋友 QQ浏览器 Windows 7 浙江省杭州市 阿里云BGP数据中心 0

                                  @接利棒 我也一样

                                    • avatar 知更鸟 Admin 来自天朝的朋友 火狐浏览器 Windows 7 浙江省杭州市 阿里云BGP数据中心

                                      @tt 乱码原因已加到文章中

                                  • avatar ElliePallas 来自天朝的朋友 谷歌浏览器 Mac OS X 10_11_6 广东省广州市 电信 1

                                    请问有没有方法可以在别人复制的时候加入一段随机的字符这种效果?

                                    • avatar sobaigu.com 来自天朝的朋友 Safari浏览器 iPhone iPhone OS 5_1_1 like Mac OS X 江苏省 移动 4

                                      Mark,用到的时候再回来