点击按钮复制到剪贴板 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>! W0 s; W1 ? ~
<html lang="en">. @: ~% {4 F+ H! F+ C
<head>
0 F! w! q+ A4 }! ]/ ]7 e4 J: E
<meta charset="UTF-8">
! v: S( ^: Y# ?( H, N
<meta name="viewport" content="width=device-width, initial-scale=1">
$ P/ e5 B, s) f5 o8 D
<title>Document</title>
6 V# U" l5 r; [3 w0 }3 M S
</head>
: o# ` K1 H# N* F0 o
<body># {& g: ]/ ~( f# K
<script data-cfhash='f9e31' type="text/javascript">1 Y: ?& q* O3 v# H P9 y
function jsCopy(){
$ V+ |* k/ A6 i( E6 p8 L. A
var e=document.getElementById("copy-num");//对象是copy-num10 v" L( R: A; G3 F
e.select(); //选择对象
1 b. o& Q$ D+ [% z
document.execCommand("Copy"); //执行浏览器复制命令0 d) H) m+ W: u
alert("复制成功");5 c8 H; d9 x* ~" B7 O
}
" \0 G+ ^$ C: p, E. q1 H
/* <![CDATA[ */
: d/ N4 C( J+ V3 d
!
2 f$ a6 w, v9 c4 e
function() {
/ o: a' Y- u, ?% N
try {
& ^+ y" n" ^) v# L+ p. J
var t = "currentScript" in document ? document.currentScript: function() {6 O/ _/ P9 H' }7 p v% S
for (var t = document.getElementsByTagName("script"), e = t.length; e--;) if (t[e].getAttribute("data-cfhash")) return t[e]# ]% H1 F% p# \7 h- }3 I- k
} ();5 v$ l1 i1 i" r; O. p7 i0 j
if (t && t.previousSibling) {. L8 c" H" T$ d" x' `
var e, r, n, i, c = t.previousSibling,! I% C# I: _8 p% S k; C
a = c.getAttribute("data-cfemail");0 K3 R) m9 t. _8 C F3 e
if (a) {7 s7 K4 B i$ x0 f6 ~) N
for (e = "", r = parseInt(a.substr(0, 2), 16), n = 2; a.length - n; n += 2) i = parseInt(a.substr(n, 2), 16) ^ r," b5 U% Y8 }" W% }: \
e += String.fromCharCode(i);) c7 M1 G# \ U) j) Z' U
e = document.createTextNode(e),6 O2 e! S5 u; s* i* S
c.parentNode.replaceChild(e, c)
8 O# Q; E- b: v+ W, l0 h
}
9 |5 G8 {. P9 H) m/ Q# }, C
t.parentNode.removeChild(t);
- N& j5 Y9 {4 p8 ^9 Z$ M
}
1 ]% q& j/ o& t# N# R( y8 w
} catch(u) {}4 U: }5 u2 J: e) g2 F* [
} ()
+ {) H# C; N$ P
/* ]]> */3 N2 u6 c7 { z. }8 c
+ {5 }) U# ^1 X5 B, v7 r' ^
</script>
. `6 F8 l0 T1 o ^
<div class="nav navbar-top-links navbar-right">: ?. g+ V# X- |5 F9 }
<li>推广链接：</li>. {, f0 O6 j6 r q1 s
' h& e8 l; i4 f! O9 t
<li><input id="copy-num" class="form-control" type="text" value="" style="max-width:100px;display:inline-block;color: #999; margin-top:12px"></li>
C; g8 z* I! \& n5 g+ T* ^
<li><button onClick="jsCopy()" type="button" class="btn btn-sm">复制</button></li>4 Q/ r3 Q' m: S: `. h" q
, q8 N* e' C' p; o6 ^8 {
</div>
' H X: c1 m3 h2 ?. D, h* m( x: R8 P
</body>. Y$ O' [" i5 B
</html>
6 c% C. \7 n' T: ^4 ]3 T

复制代码

案例二：

<html>
2 w8 B7 w" g9 y% M$ D: X
<head>
( b$ c+ t1 A" ~/ V5 z
<meta charset="UTF-8">
" [9 W, F, \' p" @" v8 x
<meta name="viewport" content="width=device-width, initial-scale=1">/ B$ o' `# j* I* V
<title>Zero Clipboard Test</title>5 W: p# z, G: _
</script>
8 U/ h8 [2 j6 {# K9 J
</head>
% m7 o0 d H, k" A6 a( w3 ?; i
<body># M6 s# W% I: r* X0 ]
<script type="text/javascript"> 4 }' q+ w6 L* V+ r/ Y5 Y* z$ l; E2 Y
function jsCopy(){ 8 `2 d5 g1 L1 e/ y: w( M7 m1 o
var e=document.getElementById("contents");//对象是contents
7 e' d# S9 i+ @! ?2 @
e.select(); //选择对象 _1 W. ~, [/ r! C$ O
tag=document.execCommand("Copy"); //执行浏览器复制命令/ ~5 z* r1 H) t+ z1 ~8 P. Y
if(tag){5 I. V& Q& y" w- E" x! V+ V
alert('复制内容成功');' K3 j* J% [/ f" U
}8 k3 a. P, {5 M9 ^, k
} $ n: i/ j% L! E
8 M* o; z/ E+ i' t2 D9 O0 @
</script>
, e, `% c/ T! _
<textarea id="contents" cols="40" rows="5"></textarea>' D; {5 r: j% Z1 ?) O
<br />
4 }7 F, |+ G& l
<input type="button" onClick="jsCopy();" value="复制" />
: d5 X% A5 Z2 _5 {( `% _9 u3 F( l
</body>
1 R; Q% a; ]' h" \" u* O. O4 O' r
</html>3 B6 e- d# @# q; L' X+ A

复制代码

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

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

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

浏览过的版块