点击按钮复制到剪贴板 js - cncml手绘网

<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>) |" v; d0 E4 U- V9 x8 Q: Q C& \1 K
<html lang="en">
6 G4 T6 Z9 E. F
<head>; O; H$ P2 M E5 k( z
<meta charset="UTF-8"> P8 J& J* l5 P0 t2 P
<meta name="viewport" content="width=device-width, initial-scale=1">$ _% N+ y3 x. `9 S$ T7 t6 Y
<title>Document</title>; K& ]% ?- N- W/ v; Y& }% w' w1 n
</head>) `4 }8 H/ G6 N& @8 N* Z1 l
<body>. j u0 C$ z5 n0 j
<script data-cfhash='f9e31' type="text/javascript">
! E7 I" N& ~0 e2 y o8 T1 x8 m3 h6 j
function jsCopy(){
) [. ~% S& ?6 b- H6 \. F# d" }
var e=document.getElementById("copy-num");//对象是copy-num1
7 U) B2 C* h9 n6 p7 G
e.select(); //选择对象
7 F( Z- m) q* V, j s) ?' G
document.execCommand("Copy"); //执行浏览器复制命令
( U4 e0 b4 e+ a9 K; v6 @8 f" A
alert("复制成功");2 D- d5 X6 m& T4 t/ r. H
}
* ~9 M b1 i/ z
/* <![CDATA[ */" m3 A2 c: ~$ H' \9 M" B: k& c
!
: G% S! r* \5 {) U
function() {1 E& a- l2 z8 z/ A
try {
: F4 [$ r6 s8 _
var t = "currentScript" in document ? document.currentScript: function() {5 }3 y: P) w* t' {7 D
for (var t = document.getElementsByTagName("script"), e = t.length; e--;) if (t[e].getAttribute("data-cfhash")) return t[e]0 d. D9 i( \0 g5 i; o0 N
} ();
% q5 @% ^5 J! T0 g5 h2 C+ z( ?
if (t && t.previousSibling) {
1 u S! v' K: L! Y, {6 n; O
var e, r, n, i, c = t.previousSibling,
$ f$ g& n2 D( @' i& ?6 z
a = c.getAttribute("data-cfemail");( |: }. V1 |7 r9 K
if (a) {
& I' t* A. G1 H* w
for (e = "", r = parseInt(a.substr(0, 2), 16), n = 2; a.length - n; n += 2) i = parseInt(a.substr(n, 2), 16) ^ r,6 o: n& z' B/ G. z6 R5 r
e += String.fromCharCode(i);0 v5 e. p9 b) D1 A1 {5 W$ O/ G
e = document.createTextNode(e),9 P3 b9 b0 e7 l$ E2 x* O
c.parentNode.replaceChild(e, c); {7 q \! S. G+ K, h
}
8 I2 K% b6 W+ b6 x( L
t.parentNode.removeChild(t);
1 n, l2 b- g1 X. T
}
) I- Q1 Y/ K0 ~" G+ E2 x
} catch(u) {}
+ s3 i$ p8 L: w* f
} ()
) n/ S# @' r; a- h) W
/* ]]> */
* a' ~4 c: a# R7 i$ A% S% m
: u) `/ F. u' v1 F% J9 Z
</script>
! d" F! A" S4 D5 m# r
<div class="nav navbar-top-links navbar-right">, n1 _0 y. ]& ]* F
<li>推广链接：</li>
0 T0 {+ F8 e Y6 f
! F% a. D9 Q3 x4 q2 |
<li><input id="copy-num" class="form-control" type="text" value="" style="max-width:100px;display:inline-block;color: #999; margin-top:12px"></li>( }8 M0 w# V) l# w0 F) ~! z& s& b
<li><button onClick="jsCopy()" type="button" class="btn btn-sm">复制</button></li>
7 O7 \; j) r+ c
: }8 ?; _4 R Q" Y b
</div>% A3 B% I3 U4 O z+ U, g: ]
</body>3 l. p. z& H+ G( r
</html>
% Z; D9 o+ T6 J) Z$ E4 Y v* x

复制代码

<html>
6 }( @0 y) R, j% Z7 {( b
<head>
5 k* o5 ?( [; N
<meta charset="UTF-8">
2 [- ^5 ]- \% Q1 R2 v
<meta name="viewport" content="width=device-width, initial-scale=1">9 ?& t& D9 f! _8 a, D
<title>Zero Clipboard Test</title>
0 i& [, l6 J- y- r, V; T
</script>: r, k5 W; I/ ^. ~
</head>
/ h+ g& ]2 L- J- l$ m8 W1 E
<body>8 J2 S" v- \3 u0 N
<script type="text/javascript">
: F, W- ~& [* D. I# k! V
function jsCopy(){ . `$ g8 s. K! C3 C4 C4 |5 `
var e=document.getElementById("contents");//对象是contents
! J O4 M: ]8 d& G$ o0 c7 D$ x& c
e.select(); //选择对象
6 [0 R8 c% ^4 j
tag=document.execCommand("Copy"); //执行浏览器复制命令
4 m! `$ h3 j$ D/ D1 t
if(tag){- S8 i+ c$ W7 m3 Y6 s+ ~0 t
alert('复制内容成功');+ E' Z3 ~* k& o8 x4 F. G
}/ O7 i) L' d0 R, U$ C
} 1 ]; g/ @, n; ^" i9 Z3 `
, H, ^+ \1 t$ E
</script>
$ o8 x; z8 ?+ G9 o7 t5 c7 c/ D
<textarea id="contents" cols="40" rows="5"></textarea>
. T- Q% _# U( }0 \( ^
<br />
1 S3 m" q# w$ ~8 Y
<input type="button" onClick="jsCopy();" value="复制" />
* c+ p# r" _- Q+ f, _( d" l" p
</body> R: C# \; s, I
</html>
+ K" Q% L. J5 X4 I$ `3 j n5 a% b' u

复制代码