JavaScript实现复制文章自动添加版权

 更新时间:2016年08月02日 10:14:10   投稿:daisy  
自己辛辛苦苦写的文章,轻易就被别人复制-粘贴去了,是不是很伤心呢?小编今天给大家整理了两个方法,让别人复制自己的文章时,自动在文章的结尾添加自己的版权信息。

第一种

<script type="text/javascript"> 
document.body.oncopy = function(){ 
  setTimeout( 
    function (){ 
    var text = clipboardData.getData("text"); 
    if(text){ 
      text = text + "\r\n本文来自: (www.jb51.net) 详细出处参考:"+location.href; clipboardData.setData("text", text); 
    } 
  },100) 
} 
</script> 

注意:这段代码必须复制到 body 区域里面才能生效,放到 head 区域内是不起作用的。

第二种

$("body").bind('copy', function (e) {
 if (typeof window.getSelection == "undefined") return; //IE8 or earlier...
 
 var body_element = document.getElementsByTagName('body')[0];
 var selection = window.getSelection();
 
 //if the selection is short let's not annoy our users
 if (("" + selection).length < 30) return;

 //create a div outside of the visible area
 //and fill it with the selected text
 var newdiv = document.createElement('div');
 newdiv.style.position = 'absolute';
 newdiv.style.left = '-99999px';
 body_element.appendChild(newdiv);
 newdiv.appendChild(selection.getRangeAt(0).cloneContents());
 
 //we need a <pre> tag workaround
 //otherwise the text inside "pre" loses all the line breaks!
 if (selection.getRangeAt(0).commonAncestorContainer.nodeName == "PRE") {
 newdiv.innerHTML = "<pre>" + newdiv.innerHTML + "</pre>";
 }
 
 newdiv.innerHTML += "<br /><br />Read more at: <a href='"
 + document.location.href + "'>"
 + document.location.href + "</a> &copy; MySite.com";
  
 selection.selectAllChildren(newdiv);
 window.setTimeout(function () { body_element.removeChild(newdiv); }, 200);
});

总结

以上就是小编为大家整理的两种利用JavaScript实现复制文章自动添加版权的方法,代码很简单,有需要的朋友们可以参考学习。

相关文章

  • JavaScript设计模式之外观模式介绍

    JavaScript设计模式之外观模式介绍

    这篇文章主要介绍了JavaScript设计模式之外观模式介绍,外观模式是用于由于子系统或程序组成较复杂而提供的一个高层界面接口,使用客户端更容易访问底层的程序或系统接口,需要的朋友可以参考下
    2014-12-12
  • Javascript模拟实现new原理解析

    Javascript模拟实现new原理解析

    这篇文章主要介绍了Javascript模拟实现new原理解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-03-03
  • 利用CSS、JavaScript及Ajax实现图片预加载的方法

    利用CSS、JavaScript及Ajax实现图片预加载的方法

    预加载图片是提高用户体验的一个很好方法,实现图片预加载可以使用css、JavaScript、Ajax三种方法。下面逐一给大家介绍利用CSS、JavaScript及Ajax实现图片预加载的方法,需要的朋友参考下吧
    2016-11-11
  • 梳理总结JavaScript的23个String方法

    梳理总结JavaScript的23个String方法

    文章主要介绍了梳理总结JavaScript的23个String方法,JavaScript 中的String类型用于表示文本型的数据。它是由无符号整数值作为元素而组成的集合,更多详细内容需要的朋友可以参考一下
    2022-07-07
  • javascript自定义右键弹出菜单实现方法

    javascript自定义右键弹出菜单实现方法

    这篇文章主要介绍了javascript自定义右键弹出菜单实现方法,涉及javascript操作鼠标事件及页面元素的相关技巧,需要的朋友可以参考下
    2015-05-05
  • 微信小程序实现tabbar凹凸圆选中动画效果实例

    微信小程序实现tabbar凹凸圆选中动画效果实例

    小程序日益增多的情况下,UI风格显得越来越重要,下面这篇文章主要给大家介绍了关于微信小程序实现tabbar凹凸圆选中动画效果的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-09-09
  • Ionic默认的Tabs模板使用实例

    Ionic默认的Tabs模板使用实例

    这篇文章主要为大家详细介绍了Ionic默认的Tabs模板使用实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • 兼容IE和FF的js脚本代码小结(比较常用)

    兼容IE和FF的js脚本代码小结(比较常用)

    做BS开发就难免会用到javascript,而每个浏览器对javascript的支持有不同。这就需要我们程序员去兼容他们下面是兼容IE和FF的js脚本做法和分解(部分选自网上,经本人整理),希望对大家有帮助。
    2010-12-12
  • 微信小程序的运行机制与安全机制解决方案详解

    微信小程序的运行机制与安全机制解决方案详解

    这篇文章主要介绍了微信小程序的运行机制与安全机制解决方案,接触小程序有一段时间了,总得来说小程序开发门槛比较低,但其中基本的运行机制和原理还是要懂的
    2023-02-02
  • uni-app如何读取本地json数据文件并渲染到页面上

    uni-app如何读取本地json数据文件并渲染到页面上

    在做前端开发的时候,少不了要用一些模拟的json的数据来进行测试,这篇文章主要给大家介绍了关于uni-app如何读取本地json数据文件并渲染到页面上的相关资料,需要的朋友可以参考下
    2022-08-08

最新评论