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 相关文章推荐
js CSS操作方法集合
Oct 31 Javascript
JQuery.uploadify 上传文件插件的使用详解 for ASP.NET
Jan 22 Javascript
jQuery中json对象的复制方式介绍(数组及对象)
Jun 08 Javascript
使用js判断当前时区TimeZone是否是夏令时
Feb 23 Javascript
jquery form 隐藏的input 选择
Apr 29 Javascript
jQuery幻灯片特效代码分享--鼠标滑过按钮时切换(2)
Nov 18 Javascript
js+css实现文字散开重组动画特效代码分享
Aug 21 Javascript
探寻JavaScript中this指针指向
Apr 23 Javascript
AngularJS验证信息框架的封装插件用法【w5cValidator扩展插件】
Nov 03 Javascript
Vue组件通信实践记录(推荐)
Aug 15 Javascript
react-native 实现购物车滑动删除效果的示例代码
Jan 15 Javascript
Vue2项目中对百度地图的封装使用详解
Jun 16 Vue.js
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
一个用于mysql的数据库抽象层函数库
2006/10/09 PHP
php实现的IMEI限制的短信验证码发送类
2015/05/05 PHP
php实现登陆模块功能示例
2016/10/20 PHP
增强用户体验友好性之jquery easyui window 窗口关闭时的提示
2012/06/22 Javascript
js获取某月的最后一天日期的简单实例
2013/06/22 Javascript
js、css、img等浏览器缓存问题的2种解决方案
2013/10/23 Javascript
JQuery+Ajax无刷新分页的实例代码
2014/02/08 Javascript
使用jquery插件qrcode生成二维码
2015/10/22 Javascript
JavaScript添加随滚动条滚动窗体的方法
2016/02/23 Javascript
Vue.js组件tree实现省市多级联动
2016/12/02 Javascript
浅析如何利用angular结合translate为项目实现国际化
2016/12/08 Javascript
JS异步文件上传(兼容IE8+)
2017/04/02 Javascript
React-Native 组件之 Modal的使用详解
2017/08/08 Javascript
微信小程序实现全局搜索代码高亮的示例
2018/03/30 Javascript
vue实现底部菜单功能
2018/07/24 Javascript
vue  directive定义全局和局部指令及指令简写
2018/11/20 Javascript
解决微信小程序中转换时间格式IOS不兼容的问题
2019/02/15 Javascript
JavaScript生成一个不重复的ID的方法示例
2019/09/16 Javascript
Django ORM框架的定时任务如何使用详解
2017/10/19 Python
Django框架教程之正则表达式URL误区详解
2018/01/28 Python
python批量导入数据进Elasticsearch的实例
2018/05/30 Python
python统计中文字符数量的两种方法
2019/01/31 Python
python实现在cmd窗口显示彩色文字
2019/06/24 Python
python打包成so文件过程解析
2019/09/28 Python
opencv+python实现均值滤波
2020/02/19 Python
python实现图像拼接
2020/03/05 Python
python爬虫调度器用法及实例代码
2020/11/30 Python
中邮全球便购:中国邮政速递物流
2017/03/04 全球购物
捷克家具销售网站:SCONTO Nábytek
2020/01/02 全球购物
美国一家著名的手表在线折扣网站:Discount Watch Store
2020/02/24 全球购物
欧洲著名的二手奢侈品网站:Vestiaire Collective
2020/03/07 全球购物
学习交流会主持词
2014/04/01 职场文书
春节联欢会策划方案
2014/05/16 职场文书
会计学专业自荐信
2014/06/25 职场文书
商品陈列协议书
2014/09/29 职场文书
服务器nginx权限被拒绝解决案例
2022/09/23 Servers