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


Posted in Javascript onAugust 02, 2016

第一种

<script type="text/javascript"> 
document.body.oncopy = function(){ 
  setTimeout( 
    function (){ 
    var text = clipboardData.getData("text"); 
    if(text){ 
      text = text + "\r\n本文来自: (3water.com) 详细出处参考:"+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> © MySite.com";
  
 selection.selectAllChildren(newdiv);
 window.setTimeout(function () { body_element.removeChild(newdiv); }, 200);
});

总结

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

Javascript 相关文章推荐
jquery ajax提交表单数据的两种实现方法
Apr 29 Javascript
Javascript动画效果(4)
Oct 11 Javascript
xcode中获取js文件的路径方法(推荐)
Nov 05 Javascript
利用angular.copy取消变量的双向绑定与解析
Nov 25 Javascript
JavaScript日期对象(Date)基本用法示例
Jan 18 Javascript
整理关于Bootstrap模态弹出框的慕课笔记
Mar 29 Javascript
垃圾回收器的相关知识点总结
May 13 Javascript
ES6中let 和 const 的新特性
Sep 03 Javascript
vue-music 使用better-scroll遇到轮播图不能自动轮播问题
Dec 03 Javascript
Vue+Node实现的商城用户管理功能示例
Dec 23 Javascript
微信小程序连接服务器展示MQTT数据信息的实现
Jul 14 Javascript
解决vue-router 嵌套路由没反应的问题
Sep 22 Javascript
js获取上传文件的绝对路径实现方法
Aug 02 #Javascript
AngularJS基础 ng-list 指令详解及示例代码
Aug 02 #Javascript
jQuery设置聚焦并使光标位置在文字最后的实现方法
Aug 02 #Javascript
jQuery实现的placeholder效果完整实例
Aug 02 #Javascript
AngularJS基础 ng-keyup 指令简单示例
Aug 02 #Javascript
两种JavaScript的AES加密方式(可与Java相互加解密)
Aug 02 #Javascript
深入浅析search 搜索框的写法
Aug 02 #Javascript
You might like
UTF8编码内的繁简转换的PHP类
2009/07/09 PHP
关于PHP堆栈与列队的学习
2013/06/21 PHP
PHP编写文件多服务器同步程序
2016/07/02 PHP
基于jquery.Jcrop的头像编辑器
2010/03/01 Javascript
jQuery EasyUI API 中文文档 可调整尺寸
2011/09/29 Javascript
iframe 上下滚动条如何默认在下方实现原理
2012/12/10 Javascript
用JS在浏览器中创建下载文件
2014/03/05 Javascript
jquery.fastLiveFilter.js实现输入自动过滤的方法
2015/08/11 Javascript
sso跨域写cookie的一段js脚本(推荐)
2016/05/25 Javascript
深入理解React中es6创建组件this的方法
2016/08/29 Javascript
30分钟精通React今年最劲爆的新特性——React Hooks
2019/03/11 Javascript
vue slot与传参实例代码讲解
2019/04/28 Javascript
记录vue项目中遇到的一点小问题
2019/05/14 Javascript
JavaScript如何操作css
2020/10/24 Javascript
使用Python的Zato发送AMQP消息的教程
2015/04/16 Python
Python中优化NumPy包使用性能的教程
2015/04/23 Python
Python模块包中__init__.py文件功能分析
2016/06/14 Python
Python贪吃蛇游戏编写代码
2020/10/26 Python
Python实现的计数排序算法示例
2017/11/29 Python
django之跨表查询及添加记录的示例代码
2018/10/16 Python
使用Bazel编译TensorBoard教程
2020/02/15 Python
git查看、创建、删除、本地、远程分支方法详解
2020/02/18 Python
利用Python如何实时检测自身内存占用
2020/05/09 Python
Python3合并两个有序数组代码实例
2020/08/11 Python
深入CSS3 动画效果的总结详解
2013/05/09 HTML / CSS
罗技英国官方网站:Logitech UK
2020/11/03 全球购物
北京SQL新华信咨询
2016/09/30 面试题
思想政治自我鉴定
2013/10/06 职场文书
老龄工作先进事迹
2014/08/15 职场文书
后勤管理员岗位职责
2014/08/27 职场文书
2015年学校安全管理工作总结
2015/05/11 职场文书
高一军训口号
2015/12/25 职场文书
Pytorch 使用tensor特定条件判断索引
2021/04/08 Python
springboot集成flyway自动创表的详细配置
2021/06/26 Java/Android
vue-cil之axios的二次封装与proxy反向代理使用说明
2022/04/07 Vue.js
基于CSS制作创意端午节专属加载特效
2022/06/01 HTML / CSS