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

内容摘要
第一种


<script type="text/javascript">
document.body.oncopy = function(){
setTimeout(
function (){
var text = clipboardData.getData("text");
文章正文

第一种

1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
document.body.oncopy = function(){
  setTimeout(
    function (){
    var text = clipboardData.getData("text");
    if(text){
      text = text + "\r\n本文来自: (www.phpstudy.net) 详细出处参考:"+location.href; clipboardData.setData("text", text);
    }
  },100)
}
</script>

注意:这段代码必须复制到 body 区域里面才能生效,放到 head 区域内是不起作用的。

第二种

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
$("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实现复制文章自动添加版权的方法,代码很简单,有需要的朋友们可以参考学习。


代码注释

作者:喵哥笔记

IDC笔记

学的不仅是技术,更是梦想!