点击按钮复制到剪贴板 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>
$ r0 p2 U8 F3 a& o2 f% l, [4 j* S
<html lang="en">- k2 Z/ i+ c p
<head>3 W- C/ q4 Z, T4 Y. R" h& q# b
<meta charset="UTF-8">5 Y2 F- z$ m) }" n
<meta name="viewport" content="width=device-width, initial-scale=1">: _' w5 o& c! W4 r& a& c. A9 u
<title>Document</title># d" k) x4 }: \1 m. Y' t; {
</head>
* g5 z7 s% W& a
<body>. d2 X' S, A: D8 M' s/ q" N3 e7 ^
<script data-cfhash='f9e31' type="text/javascript">3 {" V3 L% H6 M2 @
function jsCopy(){: Z8 ]* t0 L+ ?/ c4 Y& D
var e=document.getElementById("copy-num");//对象是copy-num1
/ Z% o) O! h. b
e.select(); //选择对象 y" l4 k0 T+ G/ N. k# h
document.execCommand("Copy"); //执行浏览器复制命令2 }: b3 i3 Y6 m9 ]5 P6 M* `
alert("复制成功");1 s0 }# d/ p* r( d) j% I
}
! r6 {3 e+ i# Q) ]
/* <![CDATA[ */4 S2 E8 E5 \6 ?
!
8 h2 b8 D7 ~ L# H' n3 V- q
function() {, E! g4 Y' `" A: B
try {$ ]3 u- O+ j+ Q5 h
var t = "currentScript" in document ? document.currentScript: function() {$ ~) d; J6 e7 V4 {6 n5 ?7 [
for (var t = document.getElementsByTagName("script"), e = t.length; e--;) if (t[e].getAttribute("data-cfhash")) return t[e]2 N3 k1 U; b/ S0 t% q
} ();: Q" |% s: A: o/ T2 \( r) b
if (t && t.previousSibling) {
% }7 a6 D) f7 d. `9 K; K# {: M9 Q+ U
var e, r, n, i, c = t.previousSibling,& B, S0 J" O5 w! i9 H
a = c.getAttribute("data-cfemail");6 S. C2 ?2 z/ \. r: h6 b( {
if (a) {3 l% y' j0 F+ _/ Z% x
for (e = "", r = parseInt(a.substr(0, 2), 16), n = 2; a.length - n; n += 2) i = parseInt(a.substr(n, 2), 16) ^ r,3 ]- e9 @+ f9 T4 |, q( u
e += String.fromCharCode(i);& a# k$ L0 l8 y/ I. m) ?
e = document.createTextNode(e),* A& P6 ~" M( X: U% u
c.parentNode.replaceChild(e, c)! T0 P: [, ^) j9 }. X, j
}5 L6 j7 u6 j) y: U% q
t.parentNode.removeChild(t);
8 u2 G3 l$ d: g# v: ~* E' U- f* e
}
0 H5 ?1 @7 o8 c3 H J; F5 Y
} catch(u) {}2 Y* x2 g/ ~8 b* j& ?
} ()5 f* T5 Y5 N& g& [( Q& d3 ?
/* ]]> */' w( B% _0 u2 a. F# k4 D
5 d/ d! ]3 q+ t6 f F0 v; x
</script>
3 s* M5 Z" q/ F [
<div class="nav navbar-top-links navbar-right">
2 ^: x* a6 G2 Y) f! ^+ M
<li>推广链接：</li>
, `9 m7 b. j" a0 S
. [" ?- [5 B1 s4 I, e
<li><input id="copy-num" class="form-control" type="text" value="" style="max-width:100px;display:inline-block;color: #999; margin-top:12px"></li>
7 e% ], M/ g4 S9 h1 d1 [
<li><button onClick="jsCopy()" type="button" class="btn btn-sm">复制</button></li>
* U4 @: L1 \2 I- T1 d# q2 N
0 B0 |" e( |* a7 W
</div>3 E+ Q9 B% i; I* d- S3 B
</body>
$ X" j, D9 |. x* M; ]
</html>1 A; j) O- C/ {% ?% _4 V

复制代码

案例二：

<html>; h% }* q2 r; _3 p# Y; U9 {% q) |+ j
<head>
$ u' R2 W1 n) p* U
<meta charset="UTF-8">' J) u' V! w# p5 Q$ k; ~- K
<meta name="viewport" content="width=device-width, initial-scale=1">: @; |/ N+ W+ Q& Z; s6 f2 N+ }
<title>Zero Clipboard Test</title>& h, H; j1 I! C+ D+ D0 ]
</script>9 V( w, Z6 b, u5 Q; f4 [# Z8 g4 |/ V, i
</head>0 Z! ^4 |2 l8 u& V
<body>: K: I4 r, }5 ^
<script type="text/javascript"> 4 ?7 m& x! J* H* d
function jsCopy(){
0 _' ^: z7 ]0 M) z1 @7 b
var e=document.getElementById("contents");//对象是contents , x- Q0 v, P* A$ E: b7 p
e.select(); //选择对象
; M3 l) o( O( K* S# n8 u0 p) k' g2 M
tag=document.execCommand("Copy"); //执行浏览器复制命令1 N+ D1 S2 S- C0 P9 Q
if(tag){8 B3 f. _( M& L
alert('复制内容成功');; v- g" V) C8 y+ b( I
}
+ P: Y- P: a. a2 Z
} 5 w7 D# C e' e; V5 w, R( E
, M8 s( W! U+ t9 d3 L U- s. B" H
</script>
: X' O9 b% M G, j
<textarea id="contents" cols="40" rows="5"></textarea>
- N; O% E( D4 \: G
<br />
s, o: w" l/ e1 a$ U3 `1 ]
<input type="button" onClick="jsCopy();" value="复制" />% e4 q9 b) R7 a+ x$ w$ W9 z$ b
</body>; @0 r, Q0 P! [- d) r; C% q
</html>3 b% t% y+ E! o" T( w9 I

复制代码

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

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

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