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数学函数Exp使用说明
Aug 09 Javascript
简单易用的倒计时js代码
Aug 04 Javascript
jquery中trigger()无法触发hover事件的解决方法
May 07 Javascript
纯JavaScript 实现flappy bird小游戏实例代码
Sep 27 Javascript
从0开始学Vue
Oct 27 Javascript
纯JS实现弹性导航条效果
Mar 06 Javascript
vue组件实现进度条效果
Jun 06 Javascript
jquery.param()实现数组或对象的序列化方法
Oct 08 jQuery
微信小程序wx.navigateTo中events属性实现页面间通信传值,数据同步
Jul 13 Javascript
javascript事件循环event loop的简单模型解释与应用分析
Mar 14 Javascript
如何使用JS console.log()技巧提高工作效率
Oct 14 Javascript
小程序实现文字循环滚动动画
Jun 14 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
php4的彩蛋
2006/10/09 PHP
smarty表格换行实例
2014/12/15 PHP
jQuery Ajax提交表单查询获得数据实例代码
2012/09/19 Javascript
ExtJS的拖拽效果示例
2013/12/09 Javascript
深入理解JavaScript系列(45):代码复用模式(避免篇)详解
2015/03/04 Javascript
BootStrap的JS插件之轮播效果案例详解
2016/05/16 Javascript
AngularJS实现使用路由切换视图的方法
2017/01/24 Javascript
react-router中的属性详解
2017/06/01 Javascript
JS常见DOM节点操作示例【创建 ,插入,删除,复制,查找】
2018/05/14 Javascript
React中使用async validator进行表单验证的实例代码
2018/08/17 Javascript
vue代码分割的实现(codesplit)
2018/11/13 Javascript
Node.js中Koa2在控制台输出请求日志的方法示例
2019/05/02 Javascript
JS数组方法reduce的用法实例分析
2020/03/03 Javascript
python实现从网络下载文件并获得文件大小及类型的方法
2015/04/28 Python
使用python实现省市三级菜单效果
2016/01/20 Python
python实现rsa加密实例详解
2017/07/19 Python
如何使用Python标准库进行性能测试
2019/06/25 Python
Python 线程池用法简单示例
2019/10/02 Python
python使用正则来处理各种匹配问题
2019/12/22 Python
django3.02模板中的超链接配置实例代码
2020/02/04 Python
Django Session和Cookie分别实现记住用户登录状态操作
2020/07/02 Python
HTML5之tabindex属性全面解析
2016/07/07 HTML / CSS
GOOD AMERICAN官网:为曲线性感而设计
2017/12/28 全球购物
Under Armour安德玛法国官网:美国高端运动科技品牌
2018/06/29 全球购物
Ted Baker美国官网:英国时尚品牌
2018/10/29 全球购物
美国折扣地毯销售网站:Rugs.com
2020/03/27 全球购物
"引用"与多态的关系
2013/02/01 面试题
学前教育教师求职自荐信
2013/09/22 职场文书
银行批评与自我批评
2014/02/10 职场文书
新闻编辑自荐书范文
2014/02/12 职场文书
致100米运动员广播稿
2014/02/14 职场文书
2016年端午节红领巾广播稿
2015/12/18 职场文书
《平移和旋转》教学反思
2016/02/19 职场文书
那些美到让人窒息的诗句,值得你收藏!
2019/08/20 职场文书
centos8安装nginx1.9.1的详细过程
2021/08/02 Servers
Win11怎么跳过联网验机 ?Win11跳过联网验机激活教程
2022/04/05 数码科技