复制网页内容，粘贴之后自动加上网址等内容 原创

复制网页内容，粘贴之后自动加上网址等内容

复制javascript/*****************复制网页内容，粘贴之后自动加上网址等内容。start**********************/
function setClipboardText(event){ /*alert(event);console.log(event);*/
    event.preventDefault();/*阻止元素发生默认的行为（例如，当点击提交按钮时阻止对表单的提交）。*/
    var node = document.createElement('div');
	/*对documentfragment不熟，不知道怎么获取里面的内容，用了一个比较笨的方式*/
    node.appendChild(window.getSelection().getRangeAt(0).cloneContents());
	/*getRangeAt(0)返回对基于零的数字索引与传递参数匹配的选择对象中的范围的引用。对于连续选择，参数应为零。*/
    var htmlData = '<div>'+ node.innerHTML +'</div>';
    var textData =  window.getSelection().getRangeAt(0);
    if(htmlData.length>500){
        htmlData = '<div>'+ node.innerHTML
            +'<br /><br />-----------------------------------------------------------------------------<br />'
            +'文章来自：累行客 '+location.host
            +'<br/>原文链接：' + location.href+ '</div>';
            if(articleType == 1){
                htmlData+='<div>版权声明:本文为作者['+userId+']的原创文章，转载请附上原文出处链接及本声明。</div>'
            }
        textData = textData
            +'\n\n-----------------------------------------------------------------------------\n'
            +'文章来自：累行客 '+ location.host
            +'\n原文链接：' + location.href
            if(articleType == 1){
                textData += '\n版权声明：本文为作者['+userId+']的原创文章，转载请附上原文出处链接及本声明。';
            }

    }
    if(event.clipboardData){
        event.clipboardData.setData("text/html", htmlData);
		/*setData(剪贴板格式, 数据) 给剪贴板赋予指定格式的数据。返回 true 表示操作成功。*/
        event.clipboardData.setData("text/plain",textData);
    }
    else if(window.clipboardData){ /*window.clipboardData的作用是在页面上将需要的东西复制到剪贴板上，提供了对于预定义的剪贴板格式的访问，以便在编辑操作中使用。*/
        return window.clipboardData.setData("text", textData);
    }
};
/****监听body***/
var content = document.getElementById('lx-article-content');
content.addEventListener('copy',function(e){
    setClipboardText(e);
    layer.msg("复制成功!");
});
/*****************复制网页内容，粘贴之后自动加上网址等内容。end**********************/
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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72

效果

内容

-----------------------------------------------------------------------------
文章来自：累行客 www.leixing.xyz
原文链接：http://www.leixing.xyz/article/detail/DVY4MFLc

版权声明:本文为作者[luolei]的原创文章，转载请附上原文出处链接及本声明。

参考https://blog.csdn.net/weixin_34293911/article/details/89614539