点击按钮复制到剪贴板 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>
1 ~9 `( K) {) L, r* T3 \- P- e4 S
<html lang="en">/ ^: }2 Y3 j" d. \* C* [
<head>" t( O- b8 H, ]- Y' E5 P9 Y
<meta charset="UTF-8">
6 P. @- M/ m) r- d
<meta name="viewport" content="width=device-width, initial-scale=1">7 A5 d- W# @9 t3 L. ^
<title>Document</title>
9 O9 O, G& ]* ^ ~/ Y9 F
</head>
* I1 j9 d- n6 e4 P
<body>0 c2 r U0 {6 B9 h
<script data-cfhash='f9e31' type="text/javascript">
( _7 A$ p; b+ d8 c3 H+ x+ V% s
function jsCopy(){7 d) }9 i6 X6 I. j
var e=document.getElementById("copy-num");//对象是copy-num16 i. E/ o" i, f+ c0 S
e.select(); //选择对象* d' F' I! |& x E# F+ f Q, p
document.execCommand("Copy"); //执行浏览器复制命令* t# G$ A' a. R. _7 G5 `1 e* R
alert("复制成功");9 n4 E% e* H% Y" |# Z
}5 x' \2 c/ y# ^3 d) D
/* <![CDATA[ */; @; F# R- R% y9 z
!
0 \2 L0 Y& m C% B
function() {
+ q% H% K( D* ]' ?5 ^- B& m
try {
1 q" I; S- h5 n9 v* S
var t = "currentScript" in document ? document.currentScript: function() {
+ ~" B& }( { {: r- G' x8 i
for (var t = document.getElementsByTagName("script"), e = t.length; e--;) if (t[e].getAttribute("data-cfhash")) return t[e]
; X" ?5 c9 X' S# f ?
} ();/ K" i! s/ Q6 _) G- T( x
if (t && t.previousSibling) {* ~$ F* O$ f5 e9 A
var e, r, n, i, c = t.previousSibling,
0 n+ b6 O6 O2 L
a = c.getAttribute("data-cfemail");
8 N! v3 h! h' v: f
if (a) {+ {) }- `" [/ P8 b, g: D G( p
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. n; e1 v i5 R- x8 V0 h4 n1 q
e += String.fromCharCode(i);
, P0 d: W) E: e
e = document.createTextNode(e),0 l; k& N9 j( y4 D
c.parentNode.replaceChild(e, c)
" @' K# e5 z) Z2 ~
}
( j( c5 p6 ]6 F% r" d& k# R+ D
t.parentNode.removeChild(t);7 f$ T( Q5 R4 H' j" U& M3 t
}
0 R% C! [: u: y5 X- J
} catch(u) {}
$ q- ^! ], ]9 T
} (), H) M; n9 s0 L+ t( M' a% \
/* ]]> */$ D% }7 M( ?. c
; ?4 i# Q: L* K; j
</script>% A' u7 U0 I9 F. |5 R/ D
<div class="nav navbar-top-links navbar-right">
' D! b( {( X/ M6 f- h! K
<li>推广链接：</li>
$ ~6 t3 `5 B! g# l. z
4 Z9 O- S; f7 h+ O: ~
<li><input id="copy-num" class="form-control" type="text" value="" style="max-width:100px;display:inline-block;color: #999; margin-top:12px"></li>
- _& D8 I+ K% O5 h: X
<li><button onClick="jsCopy()" type="button" class="btn btn-sm">复制</button></li>
* {, K/ m5 j7 U7 E' P
/ K, A& s. ]1 M1 r: Z0 ]
</div>6 [9 V6 P& X/ ` ]# r
</body>& X% F: N: P; Z
</html>1 t" C% D% r1 w/ X7 x

复制代码

案例二：

<html>7 Q, C6 e# B; [ C1 r' r% m
<head>& r3 O8 l; f& l* H% }/ P
<meta charset="UTF-8">
' U3 q( T- J* u% }0 W' d
<meta name="viewport" content="width=device-width, initial-scale=1">
8 M9 V0 h. \% h0 D, p& B' F8 Q
<title>Zero Clipboard Test</title>
) z/ U1 P# S. a3 L% w; v
</script>8 N5 g7 I# u2 Q. n0 C
</head>, ]9 Y4 H- d; T+ L/ i) w
<body>: R+ L- E6 p" Z3 g% G9 ]8 J
<script type="text/javascript"> 7 d" ]- [- w# K; h% W! |# }' i: o
function jsCopy(){
) M& Y, U5 Y+ Z [1 u: f
var e=document.getElementById("contents");//对象是contents
, A, ^1 c% P" d/ W
e.select(); //选择对象 $ K+ |3 I' D9 L/ O
tag=document.execCommand("Copy"); //执行浏览器复制命令
' Q' Z a8 H8 ]2 J- s" T
if(tag){9 u2 ]$ c. A) _0 A
alert('复制内容成功');
# @) A3 s* \) r- W; ]
}: l! k' ^9 l q( I+ g, _6 m' ?
}
" E7 V5 z$ a. r
( O% [3 K4 k1 g1 ?+ q9 U& O& @
</script> $ Y0 T. u5 ?* O, e( ?
<textarea id="contents" cols="40" rows="5"></textarea>3 m- ?0 ^" x; A" i$ v1 }
<br />
+ k# N2 y1 A# @" _- n
<input type="button" onClick="jsCopy();" value="复制" />
( T9 x* ?. u0 Y0 b( i9 Y
</body> M" j, _/ K4 \! x9 S1 c
</html>7 |; U ?- h2 F4 Q

复制代码

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

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

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

浏览过的版块