点击按钮复制到剪贴板 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>
* {! _! s/ t, X4 V5 A
<html lang="en">
5 N' \2 ?6 b2 h A/ r) K
<head>+ U7 d7 m! }( o) q
<meta charset="UTF-8">6 J0 F# L# {) c! A$ g* p
<meta name="viewport" content="width=device-width, initial-scale=1">
( M" d: g5 N8 G' V1 i0 j
<title>Document</title>0 ]. v2 b6 |0 M, l0 V, k% n. M
</head>
0 I; }+ |/ K) `4 y4 Q
<body>
) P; c( S! I$ l) f7 @
<script data-cfhash='f9e31' type="text/javascript">
8 F+ W& H+ @" W z
function jsCopy(){+ t2 P* q1 N9 l' v' f( K: E6 [0 b
var e=document.getElementById("copy-num");//对象是copy-num1
9 S/ U* U4 N; C$ ^( T
e.select(); //选择对象9 }( d4 H& r( C6 \
document.execCommand("Copy"); //执行浏览器复制命令6 J$ n [( u, f% T. `
alert("复制成功");
: O+ h2 f7 K3 `% X/ @! t
}" d, i, F' q+ W
/* <![CDATA[ */1 w: ~: q i; D
!
/ m: b2 A8 O7 s3 h' k9 R
function() {
8 A) a( k2 B* V/ n; F+ ^3 r t9 O
try {
. h7 P' f$ b$ y& n+ _
var t = "currentScript" in document ? document.currentScript: function() {/ @6 k) e: g0 Z
for (var t = document.getElementsByTagName("script"), e = t.length; e--;) if (t[e].getAttribute("data-cfhash")) return t[e]
+ J Z% P1 Z! J S: T
} (); s& k7 j9 `- B% d: u
if (t && t.previousSibling) {. G, {/ s9 p! ?; c
var e, r, n, i, c = t.previousSibling,
* U2 E* [! w7 P/ m
a = c.getAttribute("data-cfemail");
: p, ?0 P8 s1 x& c
if (a) {* q K. `$ s6 P9 j' b2 p; ?' n
for (e = "", r = parseInt(a.substr(0, 2), 16), n = 2; a.length - n; n += 2) i = parseInt(a.substr(n, 2), 16) ^ r,
3 @* j3 K- l* g8 }" m7 q) W
e += String.fromCharCode(i);+ ^2 y$ |) D7 j" p. c+ ?% r
e = document.createTextNode(e),* C3 `% G" b- V4 x% T* O. q
c.parentNode.replaceChild(e, c)
* F! F* T1 f$ D
}
+ C2 e0 I/ X6 F# r1 J$ s+ \8 S
t.parentNode.removeChild(t);
" O/ |/ J3 P3 n7 x8 y# m: U
}
g9 w% i8 V9 }) t; B# M9 T$ x6 R
} catch(u) {}
! e7 a% T4 x! G; l7 J5 f
} ()$ U& ~7 _* u! \. q
/* ]]> */
& o1 R0 d* ~3 @% a1 @ f
4 w3 f1 t5 n3 h" S
</script> i) ?: y3 k" n% R
<div class="nav navbar-top-links navbar-right">4 d# f. d( |* }; j& A
<li>推广链接：</li>" k: {5 N; F; h, j% |
( {9 V3 @" p# L' O+ Y g
<li><input id="copy-num" class="form-control" type="text" value="" style="max-width:100px;display:inline-block;color: #999; margin-top:12px"></li>7 d9 R7 P+ l$ j
<li><button onClick="jsCopy()" type="button" class="btn btn-sm">复制</button></li>
8 U) `. Z+ s8 m, V( _
- Q* x8 j4 @9 m$ G# b2 |
</div>4 R7 S+ g) }' N2 N
</body># \& H* H! n/ O6 v- O
</html>
) `. o/ X- q8 O; |0 Y' L

复制代码

<html>
N' h* c+ u1 ~+ Y
<head>
0 B2 F" m3 [0 K+ ]- f
<meta charset="UTF-8">
# f- ~4 g' H% G9 P3 D
<meta name="viewport" content="width=device-width, initial-scale=1">$ r, d% b7 ^* {: G
<title>Zero Clipboard Test</title>
- {; o' A2 r& x: z7 D: [
</script>2 Z+ X8 D& W; m; C3 Q
</head>
& K0 O# U/ \ d* |$ R. a
<body>
6 m4 }/ q* I8 a2 O, }
<script type="text/javascript">
' P" P( ^* y# u0 z& \. p3 u
function jsCopy(){
/ H: h' @5 j8 v, n
var e=document.getElementById("contents");//对象是contents
- |1 e; h- g5 a2 n5 y) D
e.select(); //选择对象 ' ?0 p9 g# e7 f$ Z5 n
tag=document.execCommand("Copy"); //执行浏览器复制命令5 J2 i) H# }7 e$ \ E/ R. n
if(tag){
$ @5 L4 t9 G/ _, Z7 G8 h W
alert('复制内容成功');
* y4 k3 b4 k1 |$ E, g( ^; s
}( M8 K' c$ L) E0 e" f8 N1 P+ |
} 6 D: W: U& g' h2 B: j: `$ d" E
6 t N7 b. \4 U9 C4 T+ i
</script> * y* T: v9 k6 S7 B i$ h5 w
<textarea id="contents" cols="40" rows="5"></textarea>
% E$ D- P( F2 u6 E
<br />4 u0 E+ I( [, Z" I
<input type="button" onClick="jsCopy();" value="复制" />$ c" D: B+ S- T0 [4 w
</body>- }" b/ e0 |! E9 s" S' Z# [, o% X+ O7 H
</html>
/ s( m' |4 U( C2 D- x/ K

复制代码