?
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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
  
一、实现点击按钮,复制文本框中的的内容
 
<script type="text/javascript">
    function copyUrl2() {
        var Url2 = document.getElementById("biao1");
        Url2.select(); // 选择对象
        document.execCommand("Copy"); // 执行浏览器复制命令
        alert("已复制好,可贴粘。");
    }
</script>
<textarea cols="20" rows="10" id="biao1">用户定义的代码区域</textarea>
<input type="button" onClick="copyUrl2()" value="点击复制代码"/>
 
二、复制专题地址和 url 地址,传给 QQ/MSN 上的好友
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
    <title>Js复制代码</title>
</head>
<body>
<p>
    <input type="button" name="anniu1" onClick='copyToClipBoard()' value="复制专题地址和url地址,传给QQ/MSN上的好友">
    <script language="javascript">
        function copyToClipBoard() {
            var clipBoardContent = "";
            clipBoardContent += document.title;
            clipBoardContent += "";
            clipBoardContent += this.location.href;
            window.clipboardData.setData("Text", clipBoardContent);
            alert("复制成功,请粘贴到你的QQ/MSN上推荐给你的好友");
        }
    </script>
 
    三、直接复制 url
 
    <input type="button" name="anniu2" onClick='copyUrl()' value="复制URL地址">
    <script language="javascript">
        function copyUrl() {
            var clipBoardContent = this.location.href;
            window.clipboardData.setData("Text", clipBoardContent);
            alert("复制成功!");
        }
    </script>
 
    四、点击文本框时,复制文本框里面的内容
 
    <input onclick="oCopy(this)" value="你好.要copy的内容!">
    <script language="javascript">
        function oCopy(obj) {
            obj.select();
            js = obj.createTextRange();
            js.execCommand("Copy")
            alert("复制成功!");
        }
    </script>
 
    五、复制文本框或者隐藏域中的内容
 
    <script language="javascript">
        function CopyUrl(target) {
            target.value = myimg.value;
            target.select();
            js = myimg.createTextRange();
            js.execCommand("Copy");
            alert("复制成功!");
        }
        function AddImg(target) {
            target.value = "[IMG]" + myimg.value + "[/ img]";
            target.select();
            js = target.createTextRange();
            js.execCommand("Copy");
            alert("复制成功!");
        }
    </script>
 
    六、复制 span 标记中的内容
 
    <script type="text/javascript">
    </script>
    <br/>
    <br/>
    <script type="text/javascript">function copyText(obj) {
            var rng = document.body.createTextRange();
            rng.moveToElementText(obj);
            rng.scrollIntoView();
            rng.select();
            rng.execCommand("Copy");
            rng.collapse(false);
            alert("复制成功!");
        }
    </script>
 
    七、浏览器兼容 copyToClipboard("拷贝内容")
 
 
    function copyToClipboard(txt) {
    if (window.clipboardData) {
    window.clipboardData.clearData();
    clipboardData.setData("Text", txt);
    alert("复制成功!");
 
    else if (navigator.userAgent.indexOf("Opera") != -1) {
    window.location = txt;
    else if (window.netscape) {
    try {
    netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
    catch (e) {
    alert("被浏览器拒绝!\n请在浏览器地址栏输入'about:config'并回车\n然后将 'signed.applets.codebase_principal_support'设置为'true'");
    }
    var clip = Components.classes['@mozilla.org/widget/clipboard;1'].createInstance(Components.interfaces.nsIClipboard);
    if (!clip)
    return;
    var trans =
    Components.classes['@mozilla.org/widget/transferable;1'].createInstance(Components.interfaces.nsITransferable);
    if (!trans)
    return;
    trans.addDataFlavor("text/unicode");
    var str = new Object();
    var len = new Object();
    var str =
    Components.classes["@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString);
    var copytext = txt;
    str.data = copytext;
    trans.setTransferData("text/unicode", str, copytext.length * 2);
    var clipid = Components.interfaces.nsIClipboard;
    if (!clip)
    return false;
    clip.setData(trans, null, clipid.kGlobalClipboard);
    alert("复制成功!");
    }
    }
 
 
    八、兼容各大浏览器的复制代码(结合ZeroClipboard.js)
 
    <html>
    <head>
        <title>Zero Clipboard Test</title>
        <script type="text/javascript" src="ZeroClipboard.js"></script>
        <script language="JavaScript">
            var clip = null;
            function $(id) {
                return document.getElementById(id);
            }
            function init() {
                clip = new ZeroClipboard.Client();
                clip.setHandCursor(true);
                clip.addEventListener('mouseOver'function (client) {
                    // update the text on mouse over
                    clip.setText($('fe_text').value);
                });
 
                clip.addEventListener('complete'function (client, text) {
                    //debugstr("Copied text to clipboard: " + text );
                    alert("该地址已经复制,你可以使用Ctrl+V 粘贴。");
                });
                clip.glue('clip_button''clip_container');
            }
        </script>
    </head>
    <body onLoad="init()">
    <input id="fe_text" cols=50 rows=5 value=复制内容文本1>
    <span id="clip_container"><span id="clip_button"><b>复制</b></span></span>
    </body>
    </html>
 
 
  


---------------------------------------------------------------------------------------------
不忘初心 方得始终!

唯有志存高远,方能风行天下。

道之所存,虽千万人吾往矣! 情之所钟,虽千万里吾念矣~

原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。