点击按钮复制到剪贴板 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>$ S& W- L; N% f2 D- @( n+ r
<html lang="en">
1 U% y# v5 v! f
<head>
+ X8 Y) f, ?9 g U2 J2 {0 J
<meta charset="UTF-8">; {# s9 f/ ]; r
<meta name="viewport" content="width=device-width, initial-scale=1">$ [2 V6 d. e( U9 C9 H6 y
<title>Document</title>
q2 X* M, _" S2 e. l8 ^$ [
</head>
% h; X5 G. d& s) X5 Z) t/ D& O
<body>0 W f5 y3 o# v% L2 t/ F, R1 ?
<script data-cfhash='f9e31' type="text/javascript">
1 z: s& N. g/ {% r O v
function jsCopy(){
0 O1 L) @! ~( ]
var e=document.getElementById("copy-num");//对象是copy-num1
# l" H M: U# H2 G3 c3 X6 ~
e.select(); //选择对象
5 @2 o2 v c7 `3 a
document.execCommand("Copy"); //执行浏览器复制命令
; A- X5 a: r9 l; u1 X! H0 V7 ]
alert("复制成功");
" a$ T; u$ Y5 b( h, [
}
3 {" }% d+ N3 b V
/* <![CDATA[ */7 U+ T6 T8 c# P& _3 v* u; x
!
' A8 ~8 p7 a9 U+ X9 M5 Q4 K
function() {6 u( M- ]) ]& V- y/ j
try {
/ @4 [: a/ C1 p2 }3 U: n
var t = "currentScript" in document ? document.currentScript: function() {5 o+ X: V- o3 b2 m
for (var t = document.getElementsByTagName("script"), e = t.length; e--;) if (t[e].getAttribute("data-cfhash")) return t[e]/ w, v+ z; W$ k2 T; ^
} (); Y/ V& D+ k4 K( H, }
if (t && t.previousSibling) {' R: m/ t) O; d$ @ {- ]4 v
var e, r, n, i, c = t.previousSibling,
2 h9 { C, d, w5 ]( }( n
a = c.getAttribute("data-cfemail");
" s* n" `3 C B0 t
if (a) {
) H0 I1 e a) R2 V' K
for (e = "", r = parseInt(a.substr(0, 2), 16), n = 2; a.length - n; n += 2) i = parseInt(a.substr(n, 2), 16) ^ r,+ G# v( t+ E+ O
e += String.fromCharCode(i);& s2 ]8 F* Y! A! B# y" k. C; `
e = document.createTextNode(e),) f% ]! k2 R1 c' _% \1 a
c.parentNode.replaceChild(e, c); H6 W: U6 {" y* c6 d5 J' e
}
u k# C& O+ P2 l( d/ }
t.parentNode.removeChild(t);7 u( D* p- }* G; U* D( n( a
}
, q8 Y( y! J8 J$ _6 W, A
} catch(u) {}
k; d4 y' a9 }' A$ z
} ()5 G! R0 Y/ e i# U) A
/* ]]> */
: g j. X% _& d4 S9 \9 Y1 g
a! R. m4 {1 Q6 Q+ P/ S* f
</script>. U4 B4 _! W% H5 c+ n+ ^
<div class="nav navbar-top-links navbar-right">/ ]- w% F) ~# _4 x8 v. d
<li>推广链接：</li>
3 p. Q$ e* I) Y
<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$ a4 [/ v7 p
<li><button onClick="jsCopy()" type="button" class="btn btn-sm">复制</button></li>
6 t4 j/ d+ I. N6 q9 z
8 E3 S: F4 K0 A) ?/ X
</div>" ~; ~* w; a# I& V8 R6 X1 t- p
</body>" m( ?$ r( L7 o5 I4 j9 v4 u
</html>( _2 d: j' W* Q+ q% X7 w+ ~

复制代码

案例二：

<html>
3 f6 S+ p; h) x K2 R: J. \' T
<head>- H: K i& \0 i
<meta charset="UTF-8">
# K. ?, \# |; r; e+ c
<meta name="viewport" content="width=device-width, initial-scale=1">+ x/ t1 q: ?7 |7 [) _, \! V0 E8 X- T
<title>Zero Clipboard Test</title>
. d4 Y$ P9 B: l8 x% x# C/ g% y
</script>
& V! S! e( i5 d2 @3 o
</head>* N, N: ?2 N% M" }) w" X
<body>2 [& r4 p5 ?7 g; \6 _
<script type="text/javascript"> / I% E y, \2 x! o1 s" R9 H9 q2 j; X
function jsCopy(){ ! v: \8 k4 s7 m' f% j6 E
var e=document.getElementById("contents");//对象是contents 8 ~! D2 R! u* d# `; `
e.select(); //选择对象
t+ g( ~. i7 O* c7 M' {1 o! P2 P& `
tag=document.execCommand("Copy"); //执行浏览器复制命令
& x9 P% u5 B) h" v: ]/ N. ^0 b' f0 {
if(tag){
$ q c$ j. h9 Q
alert('复制内容成功');+ f- P6 I3 F4 m# k
}0 u2 }0 _! L: z/ ^
}
: R! F* A0 V" |* J2 x
1 n5 q% D5 d6 G* i7 J5 b6 e
</script>
) s) v+ `3 C: M* z- p3 G4 A
<textarea id="contents" cols="40" rows="5"></textarea>0 t- A* O" C1 b& G) j# p, u6 q
<br /># c1 U0 l2 u/ L# A; o
<input type="button" onClick="jsCopy();" value="复制" />
- [2 \5 s# _5 B. k0 Q( @5 ?
</body>" ^# o( h: b' z1 p# {( Y( F
</html>8 |( l u* `" I: ]

复制代码

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

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

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

浏览过的版块