• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >JavaScript > 复制网页内容后自动添加版权文字的方法(兼容IE、Firefox和Chrome)

复制网页内容后自动添加版权文字的方法(兼容IE、Firefox和Chrome)

作者:爱思资源 字体:[增加 减小] 来源:互联网 时间:2017-06-03

爱思资源通过本文主要向大家介绍了chrome firefox,chrome firefox浏览器,firefox45 chrome50,chrome firefox下载,chrome/firefox/360等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

复制网内容自动添加版权信息的方法

在网上一搜可以看到很多类似的代码,加入网页body部分就可以。
例如下面这段代码:

 

  1. //复制内容自动添加版权信息 
  2. document.body.oncopy = function ()  
  3. { 
  4.     setTimeout( 
  5.         function () 
  6.         { 
  7.             var text = clipboardData.getData("text"); 
  8.             if (text) 
  9.             { 
  10.                 text = text + "\r\n原文出自【微课江湖】,转载请保留原文链接:"+location.href; 
  11.                 clipboardData.setData("text", text); 
  12.             } 
  13.         }, 
  14.         100 
  15.     ) 
  16. } 

 

这段代码就可以实现,别忘了要写在js文件中或者直接写在页面中用

<script ="text/javascript"> 代码 </script>包含进去。

加上以上代码后,别人在你网站的任何一个页面,复制任何一个文字的东西,粘贴时都会自动带上版权信息。
但这个代码的不足之处是:在IE6上测试通过,而在Firefox、Opera浏览器上没有效果。

为了解决这个问题,请教了很多高手,也在网上查了很多资料,终于解决了,在这里想说一句,度娘真的很强大。

以下贴出兼容代码:

  1. //复制内容自动添加版权信息 
  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原文出自[微课江湖] 转载请保留原文链接:"+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 = " 原文出自[微课江湖] 转载请保留原文链接:"+document.location.href; 
  22.  
  23.             var copytext = selection + pagelink; 
  24.             var newdiv = document.createElement('div'); 
  25.             newdiv.style.position='absolute'; 
  26.             newdiv.style.left='-99999px'; 
  27.             body_element.appendChild(newdiv); 
  28.             newdiv.innerHTML = copytext; 
  29.             selection.selectAllChildren(newdiv); 
  30.             window.setTimeout 
  31.             ( 
  32.                 function() 
  33.                 { 
  34.                     body_element.removeChild(newdiv); 
  35.                 },0 
  36.             ); 
  37.         } 
  38.         document.oncopy = addLink; 
  39.     } 

这个代码经测试,可以兼容,可能还有不足的地方,如有发现,可以在下方留言,共同探讨、改进。
最好说一点,注意编码问题,如发现复制的内容添加的版权信息乱码,可以自行检查编码问题。

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • 复制网页内容后自动添加版权文字的方法(兼容IE、Firefox和Chrome)

相关文章

  • 2017-05-11Bootstrap禁用响应式布局的实现方法
  • 2017-05-11Vue.js实现一个漂亮、灵活、可复用的提示组件示例
  • 2017-05-11微信扫码支付零云插件版实例详解
  • 2017-05-11利用js的闭包原理做对象封装及调用方法
  • 2017-05-11微信小程序 JS动态修改样式的实现代码
  • 2017-05-11JS获取浮动(float)元素的style.left值为空的快速解决办法
  • 2017-05-11webpack配置文件和常用配置项介绍
  • 2017-05-11JavaScript对象引用与赋值实例详解
  • 2017-05-11ajax实现加载页面、删除、查看详细信息 bootstrap美化页面!
  • 2017-05-11详解Vue2 无限级分类(添加,删除,修改)

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • 微信小程序 PHP后端form表单提交实例详解
    • Javascript DOM事件操作小结(监听鼠标点击、释放,悬停、离开等)
    • 详解nodejs爬虫程序解决gbk等中文编码问题
    • jQuery EasyUI Panel面板组件使用详解
    • JavaScript中的this陷阱的最全收集并整理(没有之一)
    • 基于javascript的异步编程实例详解
    • 利用vue.js插入dom节点的方法
    • 浅谈DOM的操作以及性能优化问题-重绘重排
    • jQuery实现获取h1-h6标题元素值的方法
    • js实现自动图片轮播代码

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有