点击按钮复制到剪贴板 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>
7 n \0 K# C; N0 i' [$ ?' D6 v
<html lang="en">
" p6 @# r# D/ ^" I
<head>" z! c& }; X" Y8 I/ b) U+ U
<meta charset="UTF-8">$ a/ b. u% M9 C4 e1 A6 B
<meta name="viewport" content="width=device-width, initial-scale=1">% x/ o% V. \- Q0 [. s, r1 U& T, X9 b
<title>Document</title>1 ~- U6 B! d: A9 S# \" |- x
</head>
& i6 \/ v8 Z1 i0 L/ }
<body>
) T+ g+ ~% D; f" [% n' I* y5 A
<script data-cfhash='f9e31' type="text/javascript">
* q0 N9 l/ c6 R0 v R9 P- @
function jsCopy(){! t! k! ]% L" m8 i$ J
var e=document.getElementById("copy-num");//对象是copy-num16 a4 i4 X" d% b) |9 f4 `: E
e.select(); //选择对象( c" C/ Z* R! v; `; R9 E
document.execCommand("Copy"); //执行浏览器复制命令) e3 |, K/ d5 c$ R7 p
alert("复制成功");, C4 r& ?0 G7 F0 `& m
}$ a) K: O& e4 \, e/ l, o
/* <![CDATA[ */
. j) S& ^6 O$ G6 K8 u
!4 p- p; h8 \0 o5 d5 F8 @
function() {; y, c4 ]9 W( [+ z1 Q3 d) D& g' c
try { g+ M ?( r6 J8 J
var t = "currentScript" in document ? document.currentScript: function() {
8 v8 Y8 z( t4 \! P
for (var t = document.getElementsByTagName("script"), e = t.length; e--;) if (t[e].getAttribute("data-cfhash")) return t[e]. @) l0 o v/ e
} ();
- k4 H9 X* q+ c& D3 ]
if (t && t.previousSibling) {
. e0 @( R L3 X- l3 Z/ F. E
var e, r, n, i, c = t.previousSibling,4 n: W8 p3 u5 P2 I* G) t) f; x) D, u
a = c.getAttribute("data-cfemail");" O- W6 l V; e9 z. `
if (a) {
* q1 J. y& Z0 x7 Y, e/ \. z7 J
for (e = "", r = parseInt(a.substr(0, 2), 16), n = 2; a.length - n; n += 2) i = parseInt(a.substr(n, 2), 16) ^ r,* U$ O! X- M% b8 b3 @, E, c3 \$ S2 @! J3 R
e += String.fromCharCode(i);
7 {1 b( Z+ h o; M& r0 U
e = document.createTextNode(e),
1 F, E, [2 [9 b7 ~9 M* r& X4 w
c.parentNode.replaceChild(e, c)- z: w+ ^8 c( D! C3 x* I2 G
}& k( U# U' ]: s
t.parentNode.removeChild(t);
" Q2 c. V2 b7 D2 `2 K$ }
}. a5 W7 W+ B+ G" |7 N
} catch(u) {}; B, `5 Z- l7 R6 O9 C
} ()
, g$ N' s4 t, M, v
/* ]]> */0 `2 `% r& u- G. F' B5 K$ h1 Q
9 n9 k y* h+ L# G `
</script>+ n% _: v' r7 \# U- F
<div class="nav navbar-top-links navbar-right">! F" l. g: [6 u2 k+ A1 f
<li>推广链接：</li>9 r( {" _& O$ Q% h
3 y, S% H6 q3 p6 N! n- j
<li><input id="copy-num" class="form-control" type="text" value="" style="max-width:100px;display:inline-block;color: #999; margin-top:12px"></li>2 a0 l4 h8 V2 j! F
<li><button onClick="jsCopy()" type="button" class="btn btn-sm">复制</button></li>, f9 i9 V/ O8 ^2 j, H- G" o- }' C) b
, Y- {) E; \1 e' L
</div>0 E% E s7 ?2 X4 S! x( Z+ X
</body>
# q4 a& b) {' b/ K
</html>: T$ Y! K$ o S3 @0 |

复制代码

案例二：

<html>3 E0 X$ X. Z l
<head>0 n2 N5 {) p+ ^0 @
<meta charset="UTF-8">
" e; T. Z/ q o; ]
<meta name="viewport" content="width=device-width, initial-scale=1">
9 ]8 _0 Q! S5 L9 C9 x/ P
<title>Zero Clipboard Test</title> \! O4 l! k, p# W% x& W
</script>
3 g# x- }! e8 k7 l
</head>7 @& m( o* w/ a7 ^# u
<body>
/ ?5 t, D9 F' l/ c; R+ W' _
<script type="text/javascript"> + ^2 N) {# i! y9 |7 ?( F; v
function jsCopy(){
! `) `3 o% `/ F. [- r
var e=document.getElementById("contents");//对象是contents $ {- }8 E$ B2 v' H- u6 D2 c
e.select(); //选择对象 " N8 q: [9 X. p! M
tag=document.execCommand("Copy"); //执行浏览器复制命令; f' }) z$ n1 [; s2 [: R
if(tag){: n( l/ {' [- B$ {0 R7 a6 Y* f$ B- C
alert('复制内容成功');
% I4 {+ q! w$ ?# ?$ Q
}. n( _( b( x2 s! m9 ^% ^' Q
} , C0 h, s' H2 C" ?1 m9 y9 J
]! J) X' v# |+ s4 W2 m# s* H
</script>
+ Z% _6 I5 \& {( N' E# I- P; ^5 e& Z
<textarea id="contents" cols="40" rows="5"></textarea>
$ e7 ?9 \/ I+ h9 z2 z* u
<br />4 b! I) e2 R0 s5 x
<input type="button" onClick="jsCopy();" value="复制" />& t! ?4 }$ s' g, B z4 y& ]
</body>& V+ g2 Q* m+ a2 w5 z
</html>4 s' d$ a9 F+ @) ~

复制代码

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

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

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