点击按钮复制到剪贴板 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>6 R7 h! i0 x+ E) P$ k
<html lang="en">2 W1 [5 T' D! B( I+ ?! O
<head> l& L+ n+ v5 p) v' Z! g! [
<meta charset="UTF-8">
1 c! Y8 A; t7 f& k5 P0 j
<meta name="viewport" content="width=device-width, initial-scale=1">
$ L! ?. g5 r/ u* L* l* N
<title>Document</title>
! M7 _/ F2 w) r b2 ?' ~
</head>2 S3 J s; Y7 D3 u$ S
<body>
2 L" }% d% j2 w6 u: C% _, C
<script data-cfhash='f9e31' type="text/javascript">
) z7 o( ?" h$ w* }
function jsCopy(){
7 a" Z4 p# n* N7 r) Q W2 c
var e=document.getElementById("copy-num");//对象是copy-num18 E! a/ I* o2 |7 g
e.select(); //选择对象
" ? I! x" ^5 b0 O
document.execCommand("Copy"); //执行浏览器复制命令
/ N# m7 L# y, K2 Y
alert("复制成功");( w$ l# w2 U0 b
}
$ k, J, L1 x9 A. A
/* <![CDATA[ */4 Q/ i0 [* a3 ?' k
!, A. R4 V4 B$ c& w
function() {
}. b8 Y5 c1 I/ y- v. A v) d
try {+ {- l; V4 [& e) C' j- \' o! Y- a
var t = "currentScript" in document ? document.currentScript: function() { Y5 z; S/ P' F/ O2 n) E
for (var t = document.getElementsByTagName("script"), e = t.length; e--;) if (t[e].getAttribute("data-cfhash")) return t[e]
! h- y" k) S/ T" a6 g9 K2 w2 c
} ();: X }# ~7 e$ \5 D: ]: C: O( a
if (t && t.previousSibling) {( a) k9 g7 J4 C9 e' H. Q
var e, r, n, i, c = t.previousSibling,
2 a- j+ A2 g @7 o0 Z
a = c.getAttribute("data-cfemail");
6 P9 B' z1 @, E+ L
if (a) {
* Y$ h, }! ?( I7 c; k 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,
1 t+ |0 p! M) b# P( F" I
e += String.fromCharCode(i);
) D. d1 X( ?3 |0 E- S% p
e = document.createTextNode(e),; j w3 g) g! f$ X$ e5 T# t' ?
c.parentNode.replaceChild(e, c) f- h" i* K1 { I3 c
}8 H9 F1 f' w) F! w9 K& p# C2 h
t.parentNode.removeChild(t);: D( C9 O5 X% t( u6 ` M( j# i: r
}
" x4 V/ J- ]1 ^
} catch(u) {}
& ]9 k% }0 N; F+ w
} ()
6 k% Q1 _8 ^, |% A3 M) h6 S4 v- a
/* ]]> */ R0 e: @+ `- r* [6 n
- t) |8 _% } F3 x5 K0 J! W' P+ e
</script>
3 o' u0 Q! G/ s" H: q: e0 k
<div class="nav navbar-top-links navbar-right">. N1 s0 t- C8 e- x# m' E' d: u0 H( h
<li>推广链接：</li>
. B) S( x( ~! Q/ i q/ |
8 s& r3 f& ?* X, J k
<li><input id="copy-num" class="form-control" type="text" value="" style="max-width:100px;display:inline-block;color: #999; margin-top:12px"></li>
/ o/ h2 V. o! L8 }6 o. G& q( D/ H
<li><button onClick="jsCopy()" type="button" class="btn btn-sm">复制</button></li>9 D- D& v2 D. c2 F' t2 g2 U
. l- I& A& M% y
</div>
$ ^$ k" g# p( P" k+ u) f% H8 ~
</body>
! O) F5 [6 b) W Q, w
</html>
' W2 p% E. X6 G+ @ m$ }

复制代码

案例二：

<html>
- b& p- J, O: B ~$ E% C
<head>
& T' m. }; E9 u: ^4 u( U( N3 t
<meta charset="UTF-8">5 q* s* X5 j. x# o+ R
<meta name="viewport" content="width=device-width, initial-scale=1">6 |5 w& u2 o% Y) `9 D! @8 X
<title>Zero Clipboard Test</title>3 _ ~) [' h0 E# y( k1 u) l
</script>
9 K; _! x3 H" C/ c
</head>$ V$ N# l/ b3 h$ r* l6 I
<body>& M2 h: |- c8 O6 n' Z& p- _: L
<script type="text/javascript">
7 o* R. D/ R# w
function jsCopy(){
B0 B3 T6 q) s$ z% j, Q/ G
var e=document.getElementById("contents");//对象是contents
- |& {: r, T' }
e.select(); //选择对象
3 s- d: f( v% x1 J* l
tag=document.execCommand("Copy"); //执行浏览器复制命令
3 \6 T5 R7 }+ A5 ~$ M
if(tag){
% g8 z& W; a; }/ o6 F9 w4 O
alert('复制内容成功');: s! ^% S* O: i# ~; F6 ?
}
, D9 f" z" t; F
} $ x" E3 i) G; L; s
* T" o6 d% u: P7 E
</script>
% q2 ~5 g( U! I0 H& c; x( t
<textarea id="contents" cols="40" rows="5"></textarea>" R. O7 s8 Y' E6 [. O
<br />
5 M5 Q6 X6 }* M/ z2 h6 |9 U% v
<input type="button" onClick="jsCopy();" value="复制" />
: k4 x& S9 d- k/ ~
</body>4 y3 a( \; G" [2 v
</html>
/ m! W [6 E5 ?; i7 w

复制代码

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

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

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

浏览过的版块