复制网页内容自动添加版权信息的方法
现在很多网站都有复制网页内容自动添加版权信息,俗称小尾巴,比如:知乎,简书,CSDN等
经过查找和测试发现此代码真实有效,利用的是javascript的oncopy事件
本人对大神代码进行了改良,现记录如下:
<!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="UTF-8"><title>复制网页内容自动添加版权信息</title>
</head>
<body>分别复制到txt和富文本查看效果<div id="answer">测试数据1<b>测试</b></div><p style="color:red">测试数据2<span style="color:yellow;background-color: #ccc">测试数据3</span></p><script>/**/function setClipboardText(event){event.preventDefault();//阻止元素发生默认的行为(例如,当点击提交按钮时阻止对表单的提交)。var node = document.createElement('div');//对documentfragment不熟,不知道怎么获取里面的内容,用了一个比较笨的方式node.appendChild(window.getSelection().getRangeAt(0).cloneContents());//getRangeAt(0)返回对基于零的数字索引与传递参数匹配的选择对象中的范围的引用。对于连续选择,参数应为零。var htmlData = '<div>'+ node.innerHTML+ '<br /><br />著作权归作者所有。<br />'+ '商业转载请联系作者获得授权,非商业转载请注明出处。<br />'+ '作者:tiantian<br />链接:http://segmentfault.com/u/tiantian_<br />'+ '来源:segmentfault<br /><br />'+ '</div>';var textData = window.getSelection().getRangeAt(0)+ '\n\n著作权归作者所有。\n'+ '商业转载请联系作者获得授权,非商业转载请注明出处。\n'+ '作者:tiantian\n'+ '来源:segmentfault\n\n';if(event.clipboardData){event.clipboardData.setData("text/html", htmlData);//setData(剪贴板格式, 数据) 给剪贴板赋予指定格式的数据。返回 true 表示操作成功。event.clipboardData.setData("text/plain",textData);}else if(window.clipboardData){ //window.clipboardData的作用是在页面上将需要的东西复制到剪贴板上,提供了对于预定义的剪贴板格式的访问,以便在编辑操作中使用。return window.clipboardData.setData("text", textData);}};document.addEventListener('copy',function(e){setClipboardText(e);});
</script>
</body>
</html>
转载自:https://segmentfault.com/q/1010000003986612/a-1020000003994492
复制网页内容自动添加版权信息的方法相关推荐
- 如何实现网站内容防复制或者自动添加版权信息呢?
简介 随着信息的越来越多,窃取别人的劳动果实也似乎屡见不鲜,在这里简单介绍一下防复制或者复制后自动带版权的方法. 当然,本站"勿埋我心"不打算这般使用,因为这或多或少会影响用户的体 ...
- 在Hexo中为文章自动添加版权信息声明模块
版权声明: 本文由秦元培创作和发表,采用署名(BY)-非商业性使用(NC)-相同方式共享(SA)国际许可协议进行许可,转载请注明作者及出处,本文作者为秦元培,本文标题为在Hexo中为文章自动添加版 ...
- php 自动加载 知乎,wordpress复制文章自动添加版权和原文链接 仿知乎版权功能
为了找这段功能的代码,试过很多文章的效果,但存在各种问题,比如复制内容不全,或者干脆就是粘贴上一次的内容,为了增加更好的体验,WordPress本来就是一个讲究分享体验的事,不让复制显然有违博客的分享 ...
- 如何为你的博客文章自动添加版权信息?
转自:http://www.chinaz.com/web/2016/0616/541282.shtml https://www.feifanblog.com/ 好长时间没有分享关于网络技术的文章了,昨 ...
- 如何将自己的代码自动添加版权信息[转]
现在大多数公司都规定程序员在程序文件的头部加上版权信息,这样每个人写的文件都可以区分开来,如果某个文件出现问题就可以快速的找到文件的创建人,用最短的时间来解决问题,常常是以下格式: //======= ...
- 给VS2008中c#代码自动添加版权信息
找到安装目录: C:\Program Files\Microsoft Visual Studio 9.0\Common7\IDE\ItemTemplatesCache\CSharp\Web\2052 ...
- 博客园文章添加版权信息的方法
管理--操作--博客签名,进入到制作签名的页面.在"内容"的文本框输入如下信息并替换相应的文字: <div>作者:<a href="http://www ...
- wordpress文章页面添加版权信息的四种方法
善意的转载者既使没有看到版权信息也会主动自觉地添加上原文出处,但是大部分站长都是直接采集的,如果我们在网站文章的尾部添加一个版权信息,大部分站长采集后也不回去特意把每篇采集来的文章都去除版权,所以为文 ...
- php 版权信息自动变化,php自动更新版权信息显示的方法
本文实例讲述了php自动更新版权信息显示的方法..具体分析如下: 我们一般会在页面下方输出版权信息,包含年份信息,每年都要修改,这段简单的代码帮你解决这个问题,自动更新年份 function auto ...
最新文章
- 使用swoole编写简单的echo服务器
- Filter与Servlet区别
- 【超分辨率实验】基于高斯模糊的训练数据集构建方法改进(matlab)
- JavaWeb项目前端规范(采用命名空间使js深度解耦合)
- 5渲染判断_先渲染再对焦,KeyShot 深度通道在 Photoshop 中的对接
- richtextbox 调用 selectAll() 之后执行Ctrl+C抛异常
- linux ffmpeg 简单视频播放器
- offer拿到手软的大佬,研究生三年是如何度过的?
- Codeforces Global Round 21) C. Fishingprince Plays With Array
- 第四届vex机器人亚洲锦标赛_站在亚洲之巅丨上实剑桥国际高中吴霖哲同学斩获VEX机器人亚洲锦标赛金奖...
- [Squirrel基础]-- squirrel安装(通过Phoenix连接 HBase)
- 非安装tomcat,服务安装_离水的鱼_新浪博客
- Windows-DB2 9.7安装图解
- 120 以太坊 ethereum truffle : 编写自动化智能合约测试
- 杭电 1248 寒冰王座
- RPG游戏《黑暗之光》流程介绍与代码分析之(三):角色控制系统的实现
- linux 查看端口占用总数_Linux查看某个端口的连接数
- ajax异步请求——form表单提交 及 表单序列化提交
- 三维计算机动画,三维计算机动画-浙江大学.pdf
- 最全双11红包抢购攻略:错过了再等一年