点击按钮复制到剪贴板 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>
5 ?) v+ x ~7 J: Y$ D4 B) |
<html lang="en">/ {0 D. q& F; | F" V
<head>
# ?5 S# z( C L7 w6 x9 M
<meta charset="UTF-8">
2 c. h. s- \5 p( k% B
<meta name="viewport" content="width=device-width, initial-scale=1">
% @- F: Q. |- T# ^8 ]7 {( x: M
<title>Document</title> C* C' K& c% Y$ S i* I5 U* z
</head>, ?3 E8 h8 ?' R' P _9 L' k+ K4 s& a
<body>" y/ w, Z8 V. t$ a# E: L2 ]
<script data-cfhash='f9e31' type="text/javascript">
- @9 @8 B9 ^$ W3 X$ {1 ^
function jsCopy(){( r4 R6 } g( H. [# M
var e=document.getElementById("copy-num");//对象是copy-num1
8 v$ z2 t) L* }) V% ?
e.select(); //选择对象3 C3 a8 z0 A( L+ D8 Q! ~) n
document.execCommand("Copy"); //执行浏览器复制命令
* ^% y X( b, c/ P; ^' v4 w7 P
alert("复制成功");) {0 Z2 z, k# A8 _, T
}8 m1 @! E& R) `9 J( L
/* <![CDATA[ */ f5 Y1 F( Y1 G. Z( H/ Q X
!6 Y' w$ F' h$ M" w# M1 @# \
function() {" H$ K- P9 \. E1 m* q6 \( H# [
try {
& Z- ^( p' R4 d: l0 k7 i3 K
var t = "currentScript" in document ? document.currentScript: function() {; Y7 q, H/ Y7 ?
for (var t = document.getElementsByTagName("script"), e = t.length; e--;) if (t[e].getAttribute("data-cfhash")) return t[e]
% N; V% J" ?) q0 l/ R% k
} ();
6 s' k' [" a: a, c G
if (t && t.previousSibling) {1 V" w9 y/ g1 P' ], `
var e, r, n, i, c = t.previousSibling,
, r9 y/ c0 v" G: X7 X6 z
a = c.getAttribute("data-cfemail");
; b3 h2 S q7 }
if (a) {; _" a- N/ V9 A0 ^
for (e = "", r = parseInt(a.substr(0, 2), 16), n = 2; a.length - n; n += 2) i = parseInt(a.substr(n, 2), 16) ^ r,
/ b$ C. H8 B5 |4 {8 i+ b
e += String.fromCharCode(i);
% Y+ E) X5 u+ p4 H: y- S8 G
e = document.createTextNode(e),
7 u8 ?3 |# m/ b9 ^- m( S
c.parentNode.replaceChild(e, c)
1 M7 u6 o9 ~5 Q$ h- L* X
}
! @+ X% h" O. y+ q$ H. a0 H
t.parentNode.removeChild(t);
$ a# k7 @$ f* E5 W
}+ x$ m* E+ z. d$ G# }5 d
} catch(u) {}
' j% x# J ]) \" d p
} ()$ M6 F3 f2 e: ^( B
/* ]]> */
6 f% X0 ?, G) z1 o4 W. k
; n& p ~) d/ b
</script>
- F4 G9 z1 r7 o; \5 Z' n
<div class="nav navbar-top-links navbar-right">/ q: v; l, _( K: p
<li>推广链接：</li>6 m/ g: R* Q o: k' G
0 M# L- H- c4 e4 @- q1 e4 l$ j0 u9 h
<li><input id="copy-num" class="form-control" type="text" value="" style="max-width:100px;display:inline-block;color: #999; margin-top:12px"></li>' F) o5 r- r7 G# U8 _
<li><button onClick="jsCopy()" type="button" class="btn btn-sm">复制</button></li>
- }- b' \: |; G# j# a) F" C; a
6 z. a2 c h% T
</div>5 X7 _, _; i3 {" Q# e/ R
</body>
" ]0 z( I! B! B% s* I0 }
</html>
y& I" t4 L% G0 Z; C9 g2 l p$ H

复制代码

案例二：

<html> B* y0 b% _0 j0 ^2 q3 F
<head>
+ ^+ V3 l( T2 o
<meta charset="UTF-8">
+ F6 J9 ?0 }" C0 V5 f* b/ r( ? v' B
<meta name="viewport" content="width=device-width, initial-scale=1">
9 M: }4 c/ A/ f. q& [" B
<title>Zero Clipboard Test</title>3 s0 W$ m' g6 f
</script>5 A# q, [ }- F( s2 |' x- x. T
</head>3 x2 r9 z f/ d) Z* A% R
<body>5 j9 L) p1 `+ O |& A
<script type="text/javascript">
/ l( w- N7 {1 o4 L3 [$ D
function jsCopy(){
; T9 C! C5 J/ ?% k; L
var e=document.getElementById("contents");//对象是contents : o9 f) B* U) o: e$ e- S! V
e.select(); //选择对象 + I+ a" o5 A. E( ~& p8 i
tag=document.execCommand("Copy"); //执行浏览器复制命令
# v8 U2 K1 A9 x8 |8 t: F: x
if(tag){
& w+ z- o3 o8 W7 e+ d
alert('复制内容成功');2 } o6 O C7 f) P1 p8 r
}
- w3 Q; k8 O/ C! E6 b6 j3 Y( q
}
6 O, w6 V1 n( {8 ?+ A
% |+ [2 k3 m2 j7 j3 H* r
</script> 3 a5 D' P. y+ }: }
<textarea id="contents" cols="40" rows="5"></textarea>+ o# k7 K K/ i+ }, W
<br />
, ^' B* M, z6 A6 j8 s I
<input type="button" onClick="jsCopy();" value="复制" /># i5 _: |' _8 W( j( t; t
</body>
5 m1 F: @5 m' z9 i2 M O; _ d0 v
</html> f2 @9 ]+ x$ H$ [' d. o

复制代码

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

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

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