点击按钮复制到剪贴板 js

admin · 发表于 2018-7-31 10:14:54

<blockquote><span style="font-family: Arial, Helvetica, sans-serif;">案例一：</span>

复制代码

</pre><pre code_snippet_id="1755225" snippet_file_name="blog_20160711_1_4917192" name="code" class="html"><!DOCTYPE html>: {. B/ |3 A8 n0 L1 `/ N: i
<html lang="en">
9 @# m6 c7 ` o3 M8 j7 Y
<head>
9 T( w( _! [' z) f1 n' ]* H
<meta charset="UTF-8">0 `6 z! q8 f: E; D' p6 h9 u6 {
<meta name="viewport" content="width=device-width, initial-scale=1">0 }" F L) w. o
<title>Document</title>; t; p. \3 [/ S! Q* A V
</head>
0 |3 C: C, b A" A4 F2 `
<body>
0 O Q c4 ]8 m4 @) D! M' D
<script data-cfhash='f9e31' type="text/javascript">
0 o+ N+ ]2 s |' H$ I9 I7 d
function jsCopy(){
0 h% t; t L' R' K
var e=document.getElementById("copy-num");//对象是copy-num1* Z* q. C) M1 S
e.select(); //选择对象" ]. B4 L+ j! U! M& ~4 L4 L, v
document.execCommand("Copy"); //执行浏览器复制命令
% O" C/ g* B6 @) ~4 z" u2 d
alert("复制成功");5 u! O* X) ?; ^+ L" L
}
, T ?1 l5 z, X% |% \5 \$ O/ }
/* <![CDATA[ */
7 `. O! u. C* K8 z# v k* G
!% A$ I; a# j% b5 r- A- t+ F5 g
function() {9 U' [0 J7 o0 a/ b
try {
3 ^+ q' C4 F) l* A
var t = "currentScript" in document ? document.currentScript: function() {
l" D! [: _( N4 P: ~
for (var t = document.getElementsByTagName("script"), e = t.length; e--;) if (t[e].getAttribute("data-cfhash")) return t[e] J$ f) @6 M5 y, G
} ();
A+ j: k& N, g3 w# K
if (t && t.previousSibling) {/ m. I# H8 F7 w0 q) {$ n
var e, r, n, i, c = t.previousSibling,
$ C9 i% O3 B% u# g0 |5 g
a = c.getAttribute("data-cfemail");
' ?: p8 R% y' u) E% q% V
if (a) {
- [6 p! W: K. K$ M' R% d, m- T3 t+ W
for (e = "", r = parseInt(a.substr(0, 2), 16), n = 2; a.length - n; n += 2) i = parseInt(a.substr(n, 2), 16) ^ r,# I% o3 @( ?/ D5 D/ O
e += String.fromCharCode(i);
. s) ^) U6 c* X- T x
e = document.createTextNode(e),
. D) w0 c: W& _) [
c.parentNode.replaceChild(e, c)
! h* T. _- `: V5 G5 a& y `
}
3 a7 H& K/ ~# z3 u- n' G
t.parentNode.removeChild(t);
6 j3 N* a4 D) X; b$ K$ G% o1 ^
}
# K; C9 n0 C; R/ N. P
} catch(u) {}, z( R; R# M; [' l7 ]& N
} ()
- z2 B& e* m" f
/* ]]> */9 h. \ m. O; Y8 c. H+ L
4 k; S2 @( [6 ]7 E
</script>
1 J% [* g, e! l+ ~8 n5 w
<div class="nav navbar-top-links navbar-right">2 G5 M* `: z# \! v" I
<li>推广链接：</li>' G+ L5 L1 i2 I; k' g
: U2 n J% [! p& j! b* w
<li><input id="copy-num" class="form-control" type="text" value="" style="max-width:100px;display:inline-block;color: #999; margin-top:12px"></li>
3 E0 i& ]: W7 K4 m4 ^
<li><button onClick="jsCopy()" type="button" class="btn btn-sm">复制</button></li>$ |$ j& K5 q2 v$ l
' E2 l4 }. L! J0 G6 z
</div>
# f* q& R' n7 n5 C. m7 N
</body>7 L. Y" }: c4 o4 d* R* @
</html>
9 [5 M8 R( O. g7 S

复制代码

案例二：

<html>: O* o ^6 f, x1 X, I! d7 l
<head>' g4 U. l: A N) f: O: z% J
<meta charset="UTF-8">6 Z, ~4 q5 g4 l b
<meta name="viewport" content="width=device-width, initial-scale=1">7 k/ A) l2 C" a8 Z9 j' Q G
<title>Zero Clipboard Test</title>' X( U0 h8 T0 C4 I5 A5 e) y7 ~' S
</script>& a3 E3 c d+ Z* o9 f
</head># Y! E- g h) K9 @3 x
<body>
- e7 ]* D$ c# }' ^
<script type="text/javascript"> 0 v `, i6 p1 B7 s8 q# ?' S* A3 Y4 t9 G
function jsCopy(){ / u1 d a5 q+ }7 S \* D
var e=document.getElementById("contents");//对象是contents & @: Y9 m7 o O! Y- S/ G$ i
e.select(); //选择对象
. L: R* e0 ~- f2 d" y$ I% e0 |0 m
tag=document.execCommand("Copy"); //执行浏览器复制命令
, l& {& Z# j' ?% h+ ~
if(tag){: n! w3 \' y- o' Q4 S
alert('复制内容成功');
) S7 P' S8 z' G2 L, Y( q
}2 |' S+ p8 r5 y5 Y; ~
} 1 N' k& ?0 o/ _+ J4 b* n3 _
* n# W+ b1 D6 Z4 j$ Q8 b4 \8 y
</script> ' r0 m0 l5 B1 I
<textarea id="contents" cols="40" rows="5"></textarea>
, t4 ]% F; O. i* b, ^1 C
<br />
$ i( Q% ]) ^# L2 J* c. I: Y( {
<input type="button" onClick="jsCopy();" value="复制" /> n3 ?; D2 X& ~( @, C0 z
</body>
- n; @! h9 w: }% z% Y5 t
</html>
7 f$ n6 B) p, W& n4 h

复制代码

以上都可以执行，亲自测试！

帐号		自动登录	找回密码
密码			立即注册

[js学习资料] 点击按钮复制到剪贴板 js