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 相关文章推荐
javascript 面向对象编程基础:封装
Aug 21 Javascript
javascript椭圆旋转相册实现代码
Jan 16 Javascript
一个可以增加和删除行的table并可编辑表格中内容
Jun 16 Javascript
原生javascript实现Tab选项卡切换功能
Jan 12 Javascript
基于JQuery实现图片轮播效果(焦点图)
Feb 02 Javascript
JavaScript动态添加事件之事件委托
Jul 12 Javascript
JS简单实现浮动窗口效果示例
Sep 07 Javascript
js完整倒计时代码分享
Sep 18 Javascript
如何解决hover在ie6中的兼容性问题
Dec 15 Javascript
Bootstrap实现渐变顶部固定自适应导航栏
Aug 27 Javascript
JS创建或填充任意长度数组的小技巧汇总
Oct 24 Javascript
Vue OpenLayer测距功能的实现
Apr 20 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
php htmlentities和htmlspecialchars 的区别
2008/08/18 PHP
php中filter函数验证、过滤用户输入的数据
2014/01/13 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(十)
2014/06/24 PHP
PHP查看当前变量类型的方法
2015/07/31 PHP
PHP模拟asp中response类实现方法
2015/08/08 PHP
TP3.2批量上传文件或图片 同名冲突问题的解决方法
2017/08/01 PHP
javascript插入样式实现代码
2012/02/22 Javascript
7个有用的jQuery代码片段分享
2015/05/19 Javascript
详解js图片轮播效果实现原理
2015/12/17 Javascript
阻止表单提交按钮多次提交的完美解决方法
2016/05/16 Javascript
最实用的jQuery分页插件
2016/10/09 Javascript
jquery 仿锚点跳转到页面指定位置的实例
2017/02/14 Javascript
详解Angular.js数据绑定时自动转义html标签及内容
2017/03/30 Javascript
ES6中Proxy与Reflect实现重载(overload)的方法
2017/03/30 Javascript
jqueryUI tab标签页代码分享
2017/10/09 jQuery
浅谈vue后台管理系统权限控制思考与实践
2018/12/19 Javascript
详解关于html,css,js三者的加载顺序问题
2019/04/10 Javascript
浅谈Webpack4 Tree Shaking 终极优化指南
2019/11/18 Javascript
Python实现在Linux系统下更改当前进程运行用户
2015/02/04 Python
python在控制台输出进度条的方法
2015/06/20 Python
python字典值排序并取出前n个key值的方法
2018/10/17 Python
Python理解递归的方法总结
2019/01/28 Python
python使用 __init__初始化操作简单示例
2019/09/26 Python
OpenCV哈里斯(Harris)角点检测的实现
2020/01/15 Python
Python连接SQLite数据库并进行增册改查操作方法详解
2020/02/18 Python
解决Django no such table: django_session的问题
2020/04/07 Python
在 Python 中使用 MQTT的方法
2020/08/18 Python
纯HTML5+CSS3制作图片旋转
2016/01/12 HTML / CSS
阿迪达斯荷兰官方网站:adidas荷兰
2018/03/16 全球购物
德国内衣、泳装和睡衣网上商店:Bigsize Dessous
2018/07/09 全球购物
医学实习生自我鉴定
2013/12/12 职场文书
《美丽的田园》教学反思
2014/03/01 职场文书
师德师风整改措施
2014/10/24 职场文书
实习生个人总结范文
2015/02/28 职场文书
联欢会开场白
2015/06/01 职场文书
Java并发编程必备之Future机制
2021/06/30 Java/Android