点击按钮复制到剪贴板 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>
$ I" ~5 c: L" o& q2 N+ P' A
<html lang="en">0 F' ?: P' g# r1 \& o% w% k0 [/ k
<head>
0 d+ U. N: t# @9 P
<meta charset="UTF-8">
( F9 i7 j; {0 N9 O( }. U5 Y' b
<meta name="viewport" content="width=device-width, initial-scale=1">) }: f, z: ~' Y }
<title>Document</title>
5 Q8 k9 x; z1 k5 D6 j" _- |7 G
</head>7 Z+ y$ L+ `& S( o
<body>3 m3 A/ q' e* c$ S
<script data-cfhash='f9e31' type="text/javascript">5 K' ~$ y/ k" j1 ?# ^2 f
function jsCopy(){6 I3 E1 D1 _; X
var e=document.getElementById("copy-num");//对象是copy-num1
# E: R) C! I6 [" v
e.select(); //选择对象
9 }0 n1 F5 g4 l1 ^4 R# W0 W7 Q
document.execCommand("Copy"); //执行浏览器复制命令& s% P2 {. }/ ?# a# L" a9 k: Q# _4 F
alert("复制成功");5 @3 @4 j% R, g! _8 X
}5 b# N+ v. i9 C* t8 u8 J1 \
/* <![CDATA[ *// K5 s, x" }* _$ S
!4 N G" R H6 ~7 A6 e1 G! q
function() {
) P1 \) e1 _! C- x
try {( @$ ?0 ^! k" H9 e. a: y( T
var t = "currentScript" in document ? document.currentScript: function() {( }9 g- T& E6 T. `2 p
for (var t = document.getElementsByTagName("script"), e = t.length; e--;) if (t[e].getAttribute("data-cfhash")) return t[e]
, t! H; g# [# Q' \& \7 A6 D
} ();8 X( W& v3 h4 V7 R+ g |
if (t && t.previousSibling) {
5 E% ?# @ S6 C- j2 K
var e, r, n, i, c = t.previousSibling,& R! i6 e0 {3 `/ s8 B
a = c.getAttribute("data-cfemail");
) q' n, |4 i' N* ]
if (a) {7 L1 q4 u3 f+ {/ [- w- j/ J
for (e = "", r = parseInt(a.substr(0, 2), 16), n = 2; a.length - n; n += 2) i = parseInt(a.substr(n, 2), 16) ^ r,
7 l# |: G9 p. L$ Q, e) Z
e += String.fromCharCode(i);
; E9 m7 y4 ^7 p+ ]: u
e = document.createTextNode(e),( t2 W& ~0 H7 H% r7 g8 l! `
c.parentNode.replaceChild(e, c)
( B% m7 L% B1 }3 A$ p
}! h3 U$ m6 M3 h4 o( P
t.parentNode.removeChild(t);" T8 b2 |( p: L
}
- _3 o+ M( E0 [9 d% c
} catch(u) {}
/ ~/ z( q. a' U: n, Y
} ()6 `' L( ~; I4 q0 h" z, V6 w3 V
/* ]]> */2 m: I2 f9 `2 ]/ w6 O" B' G- ~8 |- D. G
2 G$ m1 f1 a z: H5 [
</script>
/ r. T) w/ L' @. b1 z1 D) S
<div class="nav navbar-top-links navbar-right">
8 X* y+ d0 y9 `6 r" o
<li>推广链接：</li>
$ w: d+ C# p) I/ l: X5 E W N
3 s' }- r& K: V, t F2 q
<li><input id="copy-num" class="form-control" type="text" value="" style="max-width:100px;display:inline-block;color: #999; margin-top:12px"></li>
* w2 X0 A5 _/ T$ p7 D4 N; A; ]
<li><button onClick="jsCopy()" type="button" class="btn btn-sm">复制</button></li>
% M7 `( x+ ~( I* W/ W+ s9 Y* o: c
9 H% z) Z+ ^1 Z! ^+ q
</div>
U5 Z$ Z! j3 p+ }- I3 o3 `% K2 B2 C
</body>
! @- L: d* d r0 }0 Q8 ?5 x: T3 ?
</html>
8 b x6 {$ ]- B' c: S

复制代码

案例二：

<html>
5 j9 G- J. K1 r" G' |; N d/ c
<head>
, ?- U- ]& t; ?6 L" L
<meta charset="UTF-8">
, @( U8 C- z2 l% f
<meta name="viewport" content="width=device-width, initial-scale=1">% Y, q X4 x: @: ]
<title>Zero Clipboard Test</title>; c( U& c' V# s7 N1 g, V& A3 T5 F
</script>
8 t6 X1 g) l; r7 ~5 @. @& i
</head> [) A" Q# O+ O& w; A- }
<body>' T5 m, V6 s1 i1 t& w% B! U5 G) i
<script type="text/javascript">
% N" W- V; Q' Y% `5 x1 h3 Z
function jsCopy(){ ! l Y D* @$ B: r* S; c9 M" z
var e=document.getElementById("contents");//对象是contents ( w1 w, h2 v4 z+ ~5 d, ?! O
e.select(); //选择对象
2 }# X& e0 V" l3 E- }- C5 A2 M
tag=document.execCommand("Copy"); //执行浏览器复制命令7 R: t" W7 G3 M9 U
if(tag){% S% F# y' W. p& A0 T
alert('复制内容成功');, z' y8 I* `# @5 Y, Y- x5 r
}
_. H: e' ~" `& `1 e
}
( D( q: `3 I/ Q- ?
7 z/ i$ a2 b& E) a; S3 g. l
</script>
9 p% C) c6 B7 V6 s
<textarea id="contents" cols="40" rows="5"></textarea>- k: ?+ u8 ]% i i, j
<br />5 P3 \! X: R( J' k- X
<input type="button" onClick="jsCopy();" value="复制" />- V6 W5 Y5 p1 T; h0 s a" t# N
</body>
0 @5 h& H% e k5 y' X
</html>
S0 V; D, x$ w& O4 n, Q. G

复制代码

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

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

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

浏览过的版块