点击按钮复制到剪贴板 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>/ m/ r( o$ S2 s& p/ I
<html lang="en">
0 n. ^- L7 q- Y9 Q
<head>
, k6 g2 b& x7 B4 z
<meta charset="UTF-8">
0 a' V/ X* h* a9 x/ B6 Y* d, f
<meta name="viewport" content="width=device-width, initial-scale=1">: ^$ x. M% m5 ]3 J3 J. C& m
<title>Document</title>9 ]" q* `) E) H5 F* \. q
</head>9 f$ b$ s' ?2 f- \
<body>6 B% y2 _5 ]( G! J0 R, ?. k+ A
<script data-cfhash='f9e31' type="text/javascript">
9 Q: X1 L. r6 y0 p C+ r
function jsCopy(){- i( j$ Y1 c! R2 x' }* P
var e=document.getElementById("copy-num");//对象是copy-num10 [- \" R( R( d3 ^% `) q8 H
e.select(); //选择对象
7 D7 J& p2 e2 u- E
document.execCommand("Copy"); //执行浏览器复制命令
I, Q/ Q0 o. D& J
alert("复制成功");* u0 v h5 G$ O2 W. w. n6 m
}
8 ]0 N2 J/ u/ ?$ x/ h
/* <![CDATA[ */
3 T' a; a1 a/ n
!+ @1 o' r3 u1 O( u- I! s
function() {' C: {& g+ t* @) _" I
try {
5 N* e( y" q. B
var t = "currentScript" in document ? document.currentScript: function() {
( C. w9 Q. J: t' h: E0 k! E
for (var t = document.getElementsByTagName("script"), e = t.length; e--;) if (t[e].getAttribute("data-cfhash")) return t[e]: ~& v% f$ y* ]9 V
} ();$ [: D+ k: z! N& W$ p1 u0 ~
if (t && t.previousSibling) {& _2 F: K1 u1 q9 `5 _* I7 Z
var e, r, n, i, c = t.previousSibling,
2 L7 E& N4 Q: C5 f
a = c.getAttribute("data-cfemail");
6 U. {& L* o; p" T; x, F6 l0 c! L" a
if (a) {
0 i+ U" ]# w8 C) H, T
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 Y9 Q' H0 x. @6 U4 J2 h
e += String.fromCharCode(i);: [1 ?3 j) ^1 {( o5 ?
e = document.createTextNode(e), D1 f. A# z j1 y
c.parentNode.replaceChild(e, c)5 d, W9 Q6 }, D- l; X( T; J
}
) B; ?3 s! b5 ~
t.parentNode.removeChild(t);0 ~. S i5 n$ q( |- D
}
/ b) ?* i$ }) }% {
} catch(u) {}
; J6 }- m: I M& [
} ()
9 _" m: E; y2 Z6 t9 @
/* ]]> */
0 I5 c' s! `7 [5 r. Y
. K6 Q7 J1 T( d
</script>, K ?( C5 \' \5 A" R) i$ v
<div class="nav navbar-top-links navbar-right">
% q$ z" ^4 {2 m4 F6 P/ D- N6 D
<li>推广链接：</li>
* ]4 x0 G' W) {7 h5 Y6 d6 c6 \
0 U4 v0 i" T2 S8 A( C
<li><input id="copy-num" class="form-control" type="text" value="" style="max-width:100px;display:inline-block;color: #999; margin-top:12px"></li>6 ~2 r# a7 h4 l
<li><button onClick="jsCopy()" type="button" class="btn btn-sm">复制</button></li>
8 d; x: I# M& J6 o" g
& a4 i; }2 f" r, ?
</div>* h# e) y+ P' B) y4 o
</body>5 N$ t) S( b; i% `8 S
</html>
5 B5 Z; d3 N+ e. o, O6 u, Y2 v

复制代码

案例二：

<html>
4 Z+ B; D! P; V F b
<head> E1 S' G T% n1 V2 R! e! S% m
<meta charset="UTF-8"> E+ s6 ~2 \: t, Y* W( I
<meta name="viewport" content="width=device-width, initial-scale=1">
. M9 c; s$ v9 M1 R
<title>Zero Clipboard Test</title>, d' K, u1 u0 {2 K
</script>
, b+ |- ]9 U( t" b
</head>3 }$ g4 E$ W* X. q
<body>
0 |3 B; F3 J6 Z
<script type="text/javascript"> 9 ]7 [, S8 Y) V2 q; W% V1 {, `
function jsCopy(){
9 s; _* M$ [- e7 Q( T6 C0 \
var e=document.getElementById("contents");//对象是contents # B0 R; |" h, `- }& p5 s9 C3 M
e.select(); //选择对象 1 ]$ @/ H; s" d0 n$ _3 p0 W
tag=document.execCommand("Copy"); //执行浏览器复制命令
; l& `$ X) |! G' r* U
if(tag){
. [+ s9 d! a6 G) A k. T% D4 g
alert('复制内容成功');
T' f+ j* `7 B5 K
}8 H- Z# a, u. H+ v0 n1 _6 Y1 s
} , @+ Q( a" U1 ?3 J7 p' x3 U* Q
( A: T3 b1 I2 ^/ p8 r$ f
</script>
+ }) D3 h/ H. g1 I$ R
<textarea id="contents" cols="40" rows="5"></textarea>' n5 W/ Q% @- z0 k
<br />
# ~ a+ q0 R M! r7 r2 l
<input type="button" onClick="jsCopy();" value="复制" />% B$ Y( `9 ^/ H' X6 b d$ q
</body>
8 V1 Y: B5 ]/ A9 s# U
</html> \% c7 Z6 M3 R. r# D2 G) |" H

复制代码

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

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

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

浏览过的版块