点击按钮复制到剪贴板 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>" \9 H4 ?8 a# V" B
<html lang="en">
1 y$ U/ `$ E5 C
<head>' _. _# a7 Q8 m" J. Y W$ m
<meta charset="UTF-8">
7 ^' h/ S7 A1 ?7 E5 Y
<meta name="viewport" content="width=device-width, initial-scale=1">! B N4 g! q' l; O' y+ h8 A
<title>Document</title>) ?$ r `7 @7 @ t" J. {& ]
</head>) o* W V9 v' f6 h5 p
<body>1 i$ ]2 U, K5 g4 i
<script data-cfhash='f9e31' type="text/javascript">- b0 p. ^4 S+ s
function jsCopy(){
$ H4 j6 J; [; _ x2 g5 a
var e=document.getElementById("copy-num");//对象是copy-num1
* y, i% @9 z d! i2 J, O
e.select(); //选择对象6 p% Q; x) n+ V
document.execCommand("Copy"); //执行浏览器复制命令! q0 ^4 y! A3 O
alert("复制成功");
& a! y9 K8 C& @8 t0 l
}
2 v Q4 Y* v3 ?
/* <![CDATA[ */0 w# j' K' w7 t9 X
!
9 F2 c! B) q) J+ M. p- _' C# I
function() {3 { H+ p/ F, L3 x) i- H f
try {
- |$ X# Q. c0 }* e. \& R. c
var t = "currentScript" in document ? document.currentScript: function() {
/ w ^& [# F7 W1 v# L
for (var t = document.getElementsByTagName("script"), e = t.length; e--;) if (t[e].getAttribute("data-cfhash")) return t[e]
# L5 @' w- C* G% u2 F" E
} ();
* |, ^3 h; V- ]- o
if (t && t.previousSibling) {. |8 d$ z1 Q: M- b
var e, r, n, i, c = t.previousSibling,9 z* X- W1 [" c0 t0 z
a = c.getAttribute("data-cfemail");
9 k6 l& C; w& ]+ M# F6 z W
if (a) {1 b& y( @0 T0 z4 d4 N: G. O
for (e = "", r = parseInt(a.substr(0, 2), 16), n = 2; a.length - n; n += 2) i = parseInt(a.substr(n, 2), 16) ^ r,
! {1 k, y! U( a7 D# g
e += String.fromCharCode(i);
' g# W" J0 j1 m7 Y0 R" E; X
e = document.createTextNode(e),# N6 ?4 J# C7 p
c.parentNode.replaceChild(e, c)! T+ L; f" e- [& J* v, A
}
# W5 c3 F- G5 M+ ?9 h
t.parentNode.removeChild(t);
: j# W' U% l$ p% l
}
) T/ E9 j& \; q
} catch(u) {}1 u5 x0 z A3 E; G- c
} ()
) F( O1 ~+ M! ]* o9 \) J( x4 x# A
/* ]]> */
- X/ x* G, s2 A. M/ ]
0 Z7 r1 d$ T6 `: {7 _
</script>
2 g6 ?# D- i6 U& G* F. ^# Q; ?
<div class="nav navbar-top-links navbar-right">$ T2 ?6 a2 C( t" j7 B+ ]
<li>推广链接：</li>6 Q. q- X* |) Q/ Q* c
: W) G, q/ O" \8 |, ~% Y; |9 H" x7 f- b
<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 S3 W; ?2 C6 ?; `
<li><button onClick="jsCopy()" type="button" class="btn btn-sm">复制</button></li>+ {/ r9 ` Q2 m' G
- @; O% I* D6 G% J- N
</div>
, D' z/ B6 g. r' y- Y
</body>9 s( ^! P* s2 [& e
</html>: p* O# w) O3 O% g- f+ ?, A. d( H% n

复制代码

案例二：

<html>
* q! ^6 F% X i
<head>, Y5 a& s- ~6 l- F6 f. [
<meta charset="UTF-8">
+ a# F% C+ Y, a" o, n
<meta name="viewport" content="width=device-width, initial-scale=1">0 M/ G$ e9 G1 Q6 u9 v% M7 I
<title>Zero Clipboard Test</title>2 { _" A5 w7 C6 j9 h' f+ C# L
</script>1 m1 q; f: t: C( ^
</head>
# o4 h$ R; j( n" t3 Y( ~% p
<body>
8 }+ }8 W3 F) k6 V: J0 U
<script type="text/javascript">
* v6 e$ T: f$ A. j( R
function jsCopy(){
7 T. E. o9 j+ H+ |' ]. q4 d
var e=document.getElementById("contents");//对象是contents
i6 a! `. b7 T, Z
e.select(); //选择对象
$ O# a1 d% E" t8 M) q) I, Y
tag=document.execCommand("Copy"); //执行浏览器复制命令% c6 {( i X& g* P6 L
if(tag){1 Q* ?; _% V0 |2 G* K- N
alert('复制内容成功');
! E1 @) R5 {3 X' ~7 k3 _
}/ V& V0 E$ l, n
} 5 W. J- P& k& k
" d2 S! `: y# ^1 t( F
</script> 3 |& v* V# c, `( q
<textarea id="contents" cols="40" rows="5"></textarea>1 g! G! s; L! S
<br />
/ q1 ^ U J' S F. @6 a6 E0 R
<input type="button" onClick="jsCopy();" value="复制" />5 ?1 n+ L/ N$ `: O2 @" L
</body>( Z& O" G' p9 H$ k
</html>; D8 ]8 v( A9 U7 ]0 B" b

复制代码

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

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

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

浏览过的版块