点击按钮复制到剪贴板 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>; s2 {: O! P3 |# R- Q: I4 B# b0 c# n
<html lang="en">0 k3 K- |1 `; R
<head>1 G1 B/ B }( }. H
<meta charset="UTF-8">" m+ U% M; L5 ], R
<meta name="viewport" content="width=device-width, initial-scale=1">8 g8 ^2 ^! _+ b4 K
<title>Document</title>
, s9 q' s, i. y
</head>" G9 [ e( J0 h* L) X' I
<body>9 n( ~! ~1 ]/ I# P
<script data-cfhash='f9e31' type="text/javascript">
0 ^& I# e" W: K" v7 Z
function jsCopy(){
+ t6 K& ^8 r- T; L( ?' R
var e=document.getElementById("copy-num");//对象是copy-num1+ h: O) c; S1 M9 T" k5 ~- U& [
e.select(); //选择对象- x! L+ m# k7 Z- ?
document.execCommand("Copy"); //执行浏览器复制命令
) M# w' Z9 {9 u7 [$ x9 d
alert("复制成功");! b. O6 t8 t4 _! ]. \% O
}
- D j& c: J/ x
/* <![CDATA[ */! J+ d; W0 ~ z/ ]$ N! R
!4 {# w% j/ t# J9 s3 G& K
function() {
+ q+ {' E7 R8 Q, U G* p) c- H
try {" W9 j* A0 g% u; w, D9 L" f/ `
var t = "currentScript" in document ? document.currentScript: function() {0 G- O6 _7 l* M9 Y. r, X
for (var t = document.getElementsByTagName("script"), e = t.length; e--;) if (t[e].getAttribute("data-cfhash")) return t[e]
5 N0 f, F, ]# ]! c; R
} ();( T! ^$ Q# j2 K5 z4 a
if (t && t.previousSibling) {* j4 E' p; [4 p
var e, r, n, i, c = t.previousSibling,0 }8 Q7 K0 d) S+ C4 c
a = c.getAttribute("data-cfemail");6 w$ }' o( Z4 ?$ t [$ s
if (a) {4 G7 X$ I y$ J1 y1 Y# z
for (e = "", r = parseInt(a.substr(0, 2), 16), n = 2; a.length - n; n += 2) i = parseInt(a.substr(n, 2), 16) ^ r,* i; M& R4 Y+ u6 j- d* \
e += String.fromCharCode(i);6 M& }2 u$ j5 H2 U9 J/ I( E5 T
e = document.createTextNode(e),7 f- e5 q* J4 B0 q5 C% ^$ q" X
c.parentNode.replaceChild(e, c)4 a3 W6 t# f4 A, p5 }* b1 z* X
}
. W3 D; o/ N& ?* f! J4 M' P
t.parentNode.removeChild(t);
& J* V, [0 R8 N% v
}
1 N! S: ?0 x- T- Y: L* k
} catch(u) {}
$ H( n) f: |$ y8 g8 R
} ()
2 S% h4 W5 P( l. Z$ r* a! ]4 E
/* ]]> */) v Q$ R8 K& [# U0 z* J2 {
2 P( P# K% s v4 W- a
</script>& t8 t3 X- S# u7 y: h
<div class="nav navbar-top-links navbar-right">
: F8 T* v2 f! E+ w4 p. T" J) ~
<li>推广链接：</li>( P; u* p3 ~: p, E# Y( f: {" Q0 f% _' J
+ \7 @' h& `, H, z o
<li><input id="copy-num" class="form-control" type="text" value="" style="max-width:100px;display:inline-block;color: #999; margin-top:12px"></li># P( F# H4 _; T; s
<li><button onClick="jsCopy()" type="button" class="btn btn-sm">复制</button></li>1 {- B1 a- N% g" v% R- U. i2 V
3 D6 n2 H7 ?( G
</div>
! H) Q, M% k* O, @
</body>! S" z3 f/ P6 j
</html>3 A9 U' I1 j h! [

复制代码

案例二：

<html>
4 m! U/ w, C0 |- }8 s- _
<head>
: @$ V$ ]9 S+ V6 e8 R
<meta charset="UTF-8">8 c ^. } ~' ^( y3 Y6 \5 b( y* P
<meta name="viewport" content="width=device-width, initial-scale=1">: T7 y$ n; n8 K
<title>Zero Clipboard Test</title>& h. k( `' P: M# ~: E
</script>
6 k) K8 i% j" Q1 T( x9 [7 y k n
</head>
4 [6 n4 M$ g: z8 `4 W3 |
<body>( _" q( G& q+ g" v
<script type="text/javascript">
; D/ [( a/ l* ?& G3 U$ Q& C% Y
function jsCopy(){
' `& T. s8 \0 F3 G* f8 a
var e=document.getElementById("contents");//对象是contents
7 o: n" `, |8 j
e.select(); //选择对象 , K1 T' f* n$ e: z3 X& ~& j1 G
tag=document.execCommand("Copy"); //执行浏览器复制命令
1 A" z ~5 a7 A$ D
if(tag){' }0 g+ r' C. p9 j' Z
alert('复制内容成功');
$ P1 ^9 k: L* x- `; K& w( G( ^
}
& `, ?4 Z) i; |: X6 p
}
, I w7 j2 i" I2 Z8 g
; Q; j) t: R( H& J4 D. G: S
</script>
9 h" I. H8 p& ^8 L2 u
<textarea id="contents" cols="40" rows="5"></textarea>0 k0 a3 U9 M! G( ~: G$ {7 U+ w
<br />
$ S; e$ o a* |6 `- i
<input type="button" onClick="jsCopy();" value="复制" />
6 \3 W' p p3 ~. t6 K8 d
</body>8 }! K( D+ q: s% Y" U
</html>
5 g1 x8 b$ b* U2 } E# w# N

复制代码

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

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

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

浏览过的版块