点击按钮复制到剪贴板 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>
0 z y8 [: L' v6 T5 a, M
<html lang="en">1 }/ `' s* |- W7 Z
<head>
! R# B% Y2 I$ _( m6 Z
<meta charset="UTF-8">' }7 c; z* C1 P# `: A* ~; C F
<meta name="viewport" content="width=device-width, initial-scale=1">
, ^ }( M& j: R) q% N! ?) U' J
<title>Document</title>
5 ?) w- f& w8 t+ p2 o7 g
</head>7 J4 w; D0 H! M9 B- {# d5 t u
<body>( A7 R1 h: z+ c- R
<script data-cfhash='f9e31' type="text/javascript">0 j) N c/ T n& F" _6 u9 V
function jsCopy(){8 g( C: x2 a9 z; b
var e=document.getElementById("copy-num");//对象是copy-num15 Y/ [8 u( l" n5 y8 F0 D
e.select(); //选择对象3 K1 M0 x. Y1 D9 o
document.execCommand("Copy"); //执行浏览器复制命令( l1 b0 M. k* ?/ u* j* ^ A
alert("复制成功");4 N; m7 p5 F# I9 l: T7 {
}
+ u9 s# p E7 b- l8 ]) a- \
/* <![CDATA[ */4 V( e: |. G- m7 j+ J
!
+ ~) x, p" K8 Z; a; T) S
function() {( C* p% `3 b3 B
try {2 x" U" Y! a/ D% t6 B: E" W
var t = "currentScript" in document ? document.currentScript: function() {8 F2 D6 u3 q$ d" A1 {: W
for (var t = document.getElementsByTagName("script"), e = t.length; e--;) if (t[e].getAttribute("data-cfhash")) return t[e]" x4 w+ b4 f, _; f2 n1 m
} ();
' P. ]$ _! E1 `) d7 p8 R
if (t && t.previousSibling) {3 h) r, ^' B p) _/ `
var e, r, n, i, c = t.previousSibling,
1 o& C8 b5 Y5 E4 T
a = c.getAttribute("data-cfemail");
3 [+ `: i1 k" M0 v; V. i
if (a) {
1 g! W; A0 c! [9 Q9 l/ j! O& V) v# i
for (e = "", r = parseInt(a.substr(0, 2), 16), n = 2; a.length - n; n += 2) i = parseInt(a.substr(n, 2), 16) ^ r,
) A( {: b# h: t; l% N
e += String.fromCharCode(i);
3 d) D9 \8 h: A' A+ I4 u
e = document.createTextNode(e),6 O* }- J ]* g) c6 |
c.parentNode.replaceChild(e, c)
: M, x6 v3 N2 w o/ D
}
$ e3 c1 k& ~: ?! e, b
t.parentNode.removeChild(t);
4 C% Q% k$ P4 b) _# i$ T
}) J% R+ U0 h9 b7 d, m; @/ M
} catch(u) {}
$ T. `3 @- ^% p
} (). J& v( v) c' v$ R! ?
/* ]]> */
) j+ q4 ?) Y$ y) A: P1 A
, z( b+ r1 B2 I+ F
</script>! M; y' _! x( u( G6 f% L1 I, S2 V
<div class="nav navbar-top-links navbar-right">, b8 Q6 o/ B/ \
<li>推广链接：</li>; K- I, D% E1 r6 u# C& y/ V
3 q1 y( R6 _) h2 ]4 X
<li><input id="copy-num" class="form-control" type="text" value="" style="max-width:100px;display:inline-block;color: #999; margin-top:12px"></li>5 m8 C$ R5 v9 F& O ^* k# d
<li><button onClick="jsCopy()" type="button" class="btn btn-sm">复制</button></li>7 k* _, {% `! U1 D( T9 P
1 \: y. I% k9 E. d# c$ M
</div># d; r: {8 O; Z" K! r
</body>
3 A C: l, _* I9 @: T& E
</html>
# Z& E, x; f$ _1 I5 m! A0 z

复制代码

案例二：

<html>
* K) P% `: ]$ m- W
<head>& U0 W3 q. W: ?
<meta charset="UTF-8">
, R* w7 w* D2 ^+ U
<meta name="viewport" content="width=device-width, initial-scale=1">
; s7 R1 |! x1 t- Q0 }# X) N
<title>Zero Clipboard Test</title>, C' l T% X4 G* `
</script>) Q4 _( g7 \% x% {
</head>
4 j( m/ d8 C6 r* J
<body>4 ]/ Q0 a8 [8 |5 _5 p6 ?! Q
<script type="text/javascript"> + j1 I: N9 f7 F4 ?4 f
function jsCopy(){
" h4 Z. j2 o& x- T
var e=document.getElementById("contents");//对象是contents
; [) \# t2 ^0 t2 O/ e% f
e.select(); //选择对象
# O3 p' ^/ J( ], ?+ v6 I Q5 c
tag=document.execCommand("Copy"); //执行浏览器复制命令- y3 L* V: t( `# \; M( C6 L
if(tag){- s% R0 ^/ Q/ P6 i& Z
alert('复制内容成功');
4 G7 y' ?( V2 U9 @2 j& k. d
}( U. f1 c; |, q: L% T
} 4 I0 R6 p( b% W* z0 i* C
9 d g1 D$ I$ y6 J
</script>
( \# f! u/ }/ B! F: [% }
<textarea id="contents" cols="40" rows="5"></textarea>
' }6 m) I( l0 D5 y+ k9 }7 }
<br />
+ y P9 r% G. S8 }3 H' P* F1 R
<input type="button" onClick="jsCopy();" value="复制" />9 {! C* O p8 @6 i1 T) K
</body>2 Z C" `+ ?) w+ Y5 ^1 a. q# _$ o% ] C
</html>8 R" w8 v: y2 q5 D% P1 m8 h

复制代码

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

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

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