点击按钮复制到剪贴板 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>, t, U% h2 {. q; A& X; w
<html lang="en">
1 V' f+ Y& A4 A. ~) P2 ?; {" K
<head>
) \( N; h2 @3 ~) p$ G/ h& p
<meta charset="UTF-8">- w0 |# a- C+ O' v& G v' `
<meta name="viewport" content="width=device-width, initial-scale=1"> k. x3 _6 h& j0 P" |
<title>Document</title>
' U: q x% A8 W9 Y! k& L
</head>7 D2 O: O! Z) W, L9 ^) j
<body>
% A0 r- j' i! z/ O1 `7 A, o0 v+ J
<script data-cfhash='f9e31' type="text/javascript">4 V- {* L; [% S
function jsCopy(){7 F! `+ s& u. K
var e=document.getElementById("copy-num");//对象是copy-num1; c7 O6 O' w* U/ K5 K1 A+ V
e.select(); //选择对象
( A5 D3 a8 I; i$ H6 Y
document.execCommand("Copy"); //执行浏览器复制命令
: d; ?/ ^, j3 R7 U2 o3 s
alert("复制成功");
" ^6 Y+ d3 ]8 L% m+ ~' T9 O; H
}
; S& D& t. Q! C \/ C6 M' W4 U
/* <![CDATA[ */
+ Z- H- ?4 {2 b2 _; H' g+ O
!1 w' R' n9 d3 y) ^2 A: Y
function() {
) Y! B8 B1 R7 U3 P) i; H% g& r
try {6 Y% M( |0 f7 k
var t = "currentScript" in document ? document.currentScript: function() {/ {: O3 T" I o# n; h: N% w
for (var t = document.getElementsByTagName("script"), e = t.length; e--;) if (t[e].getAttribute("data-cfhash")) return t[e]
: R2 M9 C/ W( x7 f0 ^3 H3 Z
} ();
6 E7 H4 _" e- I7 c, U9 F
if (t && t.previousSibling) {
$ `! E7 T( _+ q5 U
var e, r, n, i, c = t.previousSibling,8 u% o" }4 u) T8 O- d. U
a = c.getAttribute("data-cfemail");
, o, w: t' p& {- |- ~0 H6 I
if (a) {) S+ U5 |1 y- m2 u% \
for (e = "", r = parseInt(a.substr(0, 2), 16), n = 2; a.length - n; n += 2) i = parseInt(a.substr(n, 2), 16) ^ r,
! b& {: Z9 t( i) w* u! `* f
e += String.fromCharCode(i);
) I( s4 \+ Y2 S' E0 e
e = document.createTextNode(e),
1 T4 ?& d& L L' ?' `# U
c.parentNode.replaceChild(e, c)5 P; p# {8 e( o$ Z
}
& t9 a3 ? \" b: U
t.parentNode.removeChild(t);0 b' H) ?' d7 F3 K7 J6 j
}
) l+ A1 q% ^. X- r: n4 p, k
} catch(u) {}
6 h( O& A1 i$ B' J
} ()
& u% b/ ` b6 n5 [9 V+ A B
/* ]]> */
7 z/ A$ Z& Q% w4 j
. C! D% Z: k7 x/ b( v8 k
</script>8 n7 g, _+ z4 e. w. h
<div class="nav navbar-top-links navbar-right">
6 P$ L9 O: e2 `9 E
<li>推广链接：</li>
6 I3 Z& L4 T+ u. Z$ n4 e
: I5 T+ j7 y" o% f: v) N5 g
<li><input id="copy-num" class="form-control" type="text" value="" style="max-width:100px;display:inline-block;color: #999; margin-top:12px"></li>( K M8 W) V% M1 @, Q0 n
<li><button onClick="jsCopy()" type="button" class="btn btn-sm">复制</button></li>
9 K- M8 X( @( W" ~3 A+ `* N6 q
$ A4 E2 J0 x9 x7 V- w# M
</div>
6 q1 h8 `& `2 E. ], f0 P. T
</body>8 |0 G8 r$ g* D8 V& @1 L
</html>
4 T C/ x/ q1 q" E) w g" ^

复制代码

案例二：

<html>
}0 s1 |2 K! F9 k* q$ N+ C
<head>0 c& J: @4 `/ g" k9 J
<meta charset="UTF-8">
3 G- ? m2 T0 ^7 F, r1 P
<meta name="viewport" content="width=device-width, initial-scale=1">
8 C& I3 s2 O. `9 r
<title>Zero Clipboard Test</title>2 ^! g# [. J3 }& C
</script>
0 J: \$ P, i0 [4 @% c
</head>
+ o4 M5 ?5 k1 D1 p
<body>$ I+ c. P; i. O: T2 e: _7 W
<script type="text/javascript">
4 l* N8 | j8 s. A |
function jsCopy(){ 7 C o" z4 w0 e; [6 s3 x i
var e=document.getElementById("contents");//对象是contents ( C8 D Y; o; t& I b
e.select(); //选择对象
7 U% o9 E1 k2 F6 a/ A1 A, e8 N
tag=document.execCommand("Copy"); //执行浏览器复制命令2 @ `( J; m8 q! R9 R/ P- }, C& K" R" u
if(tag){
" ]1 L& q/ K' k4 v! M: z
alert('复制内容成功');' u" T4 h# J2 u9 E
}
* K. \; @; N% A* n0 m9 O, c
}
( U2 e# m" C! Q: y( `4 v
# {+ e |( y4 b; R
</script>
3 s& u& p) k. y# k# M6 I
<textarea id="contents" cols="40" rows="5"></textarea>/ x9 b7 F A2 b$ p* G) p! X3 f
<br />1 J* P+ {" k( M) D
<input type="button" onClick="jsCopy();" value="复制" />4 r6 l7 N9 u$ D; r$ `; J$ b4 r
</body>" e: `0 l% r/ ^: Y
</html>. g# ~* g( Y" Q# o; I' S% b/ H

复制代码

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

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

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