点击按钮复制到剪贴板 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 F5 K3 d; x+ N) c/ v" I
<html lang="en">8 ~1 v5 t1 v5 f. G" N- u+ K+ q
<head>$ V' x7 W+ o$ |$ n9 U
<meta charset="UTF-8">
- `+ ]# x8 E) k$ d
<meta name="viewport" content="width=device-width, initial-scale=1">5 V3 D m; m. S [2 ~) \
<title>Document</title>4 Y' r' c# l$ i+ G9 c: t9 ~. E% F
</head> _2 `& J. Q$ u
<body>
/ Q2 T! W; s9 O3 k: e9 C
<script data-cfhash='f9e31' type="text/javascript">+ n. h# B% E) \+ A/ V; ^$ O( U
function jsCopy(){- G1 J* j# y0 R7 G( b# n- R
var e=document.getElementById("copy-num");//对象是copy-num1) k$ T# Y4 T7 M( A
e.select(); //选择对象2 B% c; f* d; F9 E* @$ a0 H# j. i
document.execCommand("Copy"); //执行浏览器复制命令
0 E, u% n+ ~8 F9 g) @# ~
alert("复制成功");$ v {! M3 m) _1 T+ e7 ?/ d1 ^; Z$ i! w6 G
}
8 h& j) S \( t/ W& N; g2 k
/* <![CDATA[ */
7 j s/ h1 c; Q9 j( E6 \/ P4 ^7 p7 Q
!: n2 R Q2 C8 A. ?3 b
function() {: ~9 h: ]" Y) u7 G
try {
4 F" U' o0 |) P, S0 \& L% v
var t = "currentScript" in document ? document.currentScript: function() {7 \- x" L# Z* x- N @2 A" j
for (var t = document.getElementsByTagName("script"), e = t.length; e--;) if (t[e].getAttribute("data-cfhash")) return t[e]
" w2 T0 w3 Z" h8 M
} ();
y: g$ u$ W! G3 O; @
if (t && t.previousSibling) {
5 D; @! \2 H( d8 L: A; z2 N, A4 i( s
var e, r, n, i, c = t.previousSibling,
( Q8 \1 J! T& |; [
a = c.getAttribute("data-cfemail");
5 _- X0 C. D" \$ h/ }* z
if (a) {
V5 V6 I2 G# V" e0 {$ \. m
for (e = "", r = parseInt(a.substr(0, 2), 16), n = 2; a.length - n; n += 2) i = parseInt(a.substr(n, 2), 16) ^ r," O- B: t0 L k4 b
e += String.fromCharCode(i);* m" e" v# Z- J1 H! U
e = document.createTextNode(e), O$ |8 N! T( x6 L0 T- J: L0 m! b
c.parentNode.replaceChild(e, c)- R- \% h; j+ C1 ?
}
- Y, [6 t9 r A/ n Z( U
t.parentNode.removeChild(t);
1 v- _9 ~) k7 y% j% v8 \
}! ]: u! V" x, r% G) [' Z' y `
} catch(u) {}
: O( C+ ^& i( \8 z! V9 P
} ()
, f( E; }5 }9 u/ D5 B$ N# d
/* ]]> */
' v* {7 F9 {: `- V4 ^& \/ J
7 s6 S6 `" I* O! D$ R
</script>! ~, _/ V& R& w3 n
<div class="nav navbar-top-links navbar-right">4 |9 ? C R& t; b/ j
<li>推广链接：</li>; H2 T/ H5 p6 d. @! b! B6 s6 N2 ^: ~
& ?- ?1 b A9 r( B$ e7 ]
<li><input id="copy-num" class="form-control" type="text" value="" style="max-width:100px;display:inline-block;color: #999; margin-top:12px"></li>
3 ?# ^/ L$ L. |1 S: [% m u' a
<li><button onClick="jsCopy()" type="button" class="btn btn-sm">复制</button></li>8 S1 P3 U" K" t. Z2 U7 a
. ?2 n" h2 ^7 e& `% Y, Z- t2 A
</div>
/ D" r6 v Y) [8 i* }+ L
</body>
6 u, p C& D9 H4 p) t& Q
</html>, J! C y3 d; U+ m) L! Q

复制代码

案例二：

<html>' G$ ^7 k, j/ N: @
<head>
* z, x0 L* c/ H. V0 }1 b
<meta charset="UTF-8">
/ X3 j _4 E" z% Q, R" G
<meta name="viewport" content="width=device-width, initial-scale=1">: I8 q- ~% F) N( L0 F: H
<title>Zero Clipboard Test</title>7 j$ H+ M/ p9 W7 Y3 I7 _
</script>
5 ` L2 ]# `8 i7 P
</head>( j% F8 Q2 a4 k$ |( g! {0 P. b
<body>' S' ` r9 k% s
<script type="text/javascript">
9 E4 K. g* K {+ f; P$ v
function jsCopy(){
9 s" _4 | x0 _! R
var e=document.getElementById("contents");//对象是contents 1 @7 U$ S. f! u& s' n
e.select(); //选择对象
; X+ J( y0 b9 N" \! u! U
tag=document.execCommand("Copy"); //执行浏览器复制命令
) m5 Z6 {# @! D( W( }
if(tag){/ L* I5 _8 k' c* T4 O2 S, z! M; o
alert('复制内容成功');
* q0 n# ^8 V% j. k& Z% D
}6 l2 u4 r9 {+ M u5 q( |9 t, n
} ) I9 I: W5 G* _4 U' v( q& g
8 P+ C8 E8 [$ i' @% Y: i6 ~
</script>
/ w9 E/ q1 O/ c$ }' u$ d5 O9 k
<textarea id="contents" cols="40" rows="5"></textarea>, w ~/ n1 i5 T) P
<br />
2 s+ K& g U: K
<input type="button" onClick="jsCopy();" value="复制" />
: r# _7 ~3 O$ F% n8 a$ z/ ]9 O
</body>. Y* a9 Q( P8 m2 x* @3 r
</html>0 \5 k$ g8 [1 q) ?2 o, K# d" B" P

复制代码

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

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

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