点击按钮复制到剪贴板 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>4 ?9 ?3 q8 P8 p8 U/ C6 ]' ?
<html lang="en">1 r. |, q Q' {' d! O4 R
<head>
<meta charset="UTF-8">! f3 X0 N3 q! s, ?
<meta name="viewport" content="width=device-width, initial-scale=1">2 b% @; `! r# N
<title>Document</title>
( w! f& j2 i) {7 Y/ o
</head>/ k1 b0 s# ~4 | @ }" P
<body>
, s8 H' h: A$ ?
<script data-cfhash='f9e31' type="text/javascript">
. ]" z% F6 B/ ]9 l% W S0 M
function jsCopy(){
; a/ h2 z) B1 u8 L2 H& \& V3 \
var e=document.getElementById("copy-num");//对象是copy-num1
, ?3 c5 W, ?, Z! y z& X
e.select(); //选择对象
4 ^' d$ }3 [: }& G
document.execCommand("Copy"); //执行浏览器复制命令
8 y# z/ e! r2 [
alert("复制成功");
) }; [/ S8 S# A/ r
}
) Y# v+ N# M1 j9 s* @3 ?8 W5 o
/* <![CDATA[ */) {; }: x @2 x9 z3 P
!. ~1 T" B) V4 s: q' `
function() {
: f) y0 E$ [2 X8 ]. P
try {0 \( J* u0 R8 E) v4 V
var t = "currentScript" in document ? document.currentScript: function() {
# a/ K" R! w B: ]
for (var t = document.getElementsByTagName("script"), e = t.length; e--;) if (t[e].getAttribute("data-cfhash")) return t[e]; Y ^2 H) j! O) F) g
} ();
) }, D L j* u5 t2 s0 p+ A- O" ~
if (t && t.previousSibling) {
! H2 d6 b0 K4 W$ d5 P* W
var e, r, n, i, c = t.previousSibling,7 v# d/ Q) J; c x
a = c.getAttribute("data-cfemail");
1 q6 F, L; F" R
if (a) {: i2 b. O" F3 X- B2 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,
$ Z, t2 B9 ]6 e; g* Y9 l+ e
e += String.fromCharCode(i);
; U( E! Z! D1 U ?% w
e = document.createTextNode(e),& z; p5 C6 Z8 I* |) K$ y% E7 g# Y/ |
c.parentNode.replaceChild(e, c)% p7 d/ Y+ m f6 [" y
}
' n/ s: @* P1 c9 v6 ~
t.parentNode.removeChild(t);
* b* C" E5 v; D6 \( o: o" B* t( r
}
* L4 \6 V" f" G( S1 J! j
} catch(u) {}+ D. Z/ @* h. c, N
} ()+ ?- [) I' \. p
/* ]]> */
* F' p, K$ I/ K' O4 I
# A+ m4 G4 M5 B2 V+ z& Y. y
</script>
6 q" F* o6 m# a4 j$ y$ `, n1 I5 O) I
<div class="nav navbar-top-links navbar-right">
' u6 j" S) B6 y
<li>推广链接：</li>
4 Z+ n8 F3 r5 f4 M" a! V$ w* `
6 w( ~( C$ ~0 v3 U/ q- i& S% F; 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>5 d/ d% v8 ^" m$ u
<li><button onClick="jsCopy()" type="button" class="btn btn-sm">复制</button></li>5 c: c# i5 b5 e' g( C* O- \
6 G: D' ], ]3 m9 P5 c' ?
</div>
+ |' o' i: P7 I( R* Y& r
</body>
, f- \8 i3 P' w1 B7 M- p; V' v
</html>( I- P% }3 _0 O3 h- C9 F

复制代码

案例二：

<html>
) G- H! Y4 `4 d- ?, y, k& Y
<head>
+ j6 {( u$ E0 Q/ R+ M; c
<meta charset="UTF-8">
2 X' U$ }* i' K% P6 C
<meta name="viewport" content="width=device-width, initial-scale=1">$ W3 }: E- @- X# J" H
<title>Zero Clipboard Test</title>! Z6 B& U2 H" R% L
</script>! ~ d$ S( E6 ?2 I- p& q5 ]
</head>
- x; F( G' y* `+ ~7 h
<body>
8 |; P$ g1 q6 v0 c9 e3 L
<script type="text/javascript">
* P' g2 j$ i$ X3 E# |0 F
function jsCopy(){ % V+ z3 u. {/ I/ B- g2 G
var e=document.getElementById("contents");//对象是contents
& r: K8 Q$ T+ a3 E9 d
e.select(); //选择对象
5 U4 a4 v7 k4 A5 H
tag=document.execCommand("Copy"); //执行浏览器复制命令2 ^7 x, E+ P& `+ e" K
if(tag){
. h( ?/ x: W; J! n
alert('复制内容成功');% h& k; {" C! m9 h! l0 |
}* g3 W( j2 i2 G* e5 S4 S
}
* d6 U; T9 D% H$ R
* p% h" l/ K; h; P1 ^6 x
</script> , N$ z/ J/ W5 f$ L
<textarea id="contents" cols="40" rows="5"></textarea>* u3 Q$ A: {+ O: Y7 z% \
<br />
$ q, Q- B1 A- |
<input type="button" onClick="jsCopy();" value="复制" />' ^2 r. W7 b9 g/ a- |& ?
</body>+ J- U |. L, [" K1 j
</html>
2 \8 h; C, E" w) V; ~- r

复制代码

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

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

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