点击按钮复制到剪贴板 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>
# @+ U( i2 K2 ~$ l( R3 \" ~$ B
<html lang="en">
- j! j$ k2 c! r/ u! I6 {4 C7 L; S
<head>
' \- o H7 u; N2 Q2 q0 Z
<meta charset="UTF-8">
a5 \: y2 U. P. U2 k
<meta name="viewport" content="width=device-width, initial-scale=1">
% X+ L/ |7 e' n0 D- X' G
<title>Document</title>0 n" E/ M$ f# S* e; n+ ]" G0 p; O) e
</head>* S$ y& E! z2 L. n& G" s
<body>
; L0 Z J$ z$ `+ F9 l. E
<script data-cfhash='f9e31' type="text/javascript"> T* i' k p" [7 T P
function jsCopy(){
; Y7 G5 l- T3 `! o$ g: ?
var e=document.getElementById("copy-num");//对象是copy-num19 E8 C. D9 b# ?' a# \, e
e.select(); //选择对象
/ a0 u- p: O3 Y" c4 K+ u
document.execCommand("Copy"); //执行浏览器复制命令" G' K! j6 t3 ]; v- q6 a9 E$ Z
alert("复制成功");5 L7 c. S) j6 r2 Q' g% ~9 K
}
- H6 x2 z6 @ d% L
/* <![CDATA[ */
- F6 Y' V) w7 N' v$ {. `5 j1 ^
!
+ w; _; g/ c6 |! v, }+ a( ^
function() {5 A* L8 A! r) c7 O0 L2 y
try {1 `, I1 q. q" N8 D3 P9 O1 U% o
var t = "currentScript" in document ? document.currentScript: function() {8 p1 d/ t* L7 ]7 C! p4 z
for (var t = document.getElementsByTagName("script"), e = t.length; e--;) if (t[e].getAttribute("data-cfhash")) return t[e]
* ]( `* Q" h9 l. w* Q! d2 C
} ();
# E" k" O8 y5 \4 X" \
if (t && t.previousSibling) {( _4 K' \0 I+ a5 Q9 C3 m x
var e, r, n, i, c = t.previousSibling,
9 T; e* N6 S" D
a = c.getAttribute("data-cfemail");/ J; ?- ~4 u; y- z, h
if (a) {2 Y* q" w% j$ z5 _3 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,
: Y# e# x, c9 K6 U& }" z8 U
e += String.fromCharCode(i);
8 L$ L# G& S/ u
e = document.createTextNode(e),
8 T' N8 u7 |* y/ ^
c.parentNode.replaceChild(e, c)* e( O4 ]* ]3 h1 G) `8 x
}
8 M" p+ m; T4 }0 V {5 G
t.parentNode.removeChild(t);9 b, K4 E9 L( E% j8 u/ z
}
- H2 ~1 t. z( x: u
} catch(u) {}8 N/ a& n$ l& N7 x+ \5 M3 u5 |: s0 ?
} ()
$ g8 t: R: ]7 s9 g4 G6 M; s
/* ]]> */1 Z& m( D; [8 z* b; s
( o9 Z# K" _7 {4 B+ P& L
</script> z2 f+ ^; ^, w% \5 S
<div class="nav navbar-top-links navbar-right">" N7 L: S( [6 A" k, F
<li>推广链接：</li>4 x/ I, g' h O9 s, Z, u
8 x7 f3 V9 ~$ {* L4 [# I
<li><input id="copy-num" class="form-control" type="text" value="" style="max-width:100px;display:inline-block;color: #999; margin-top:12px"></li>
: X+ a& W- o4 F% ]( P
<li><button onClick="jsCopy()" type="button" class="btn btn-sm">复制</button></li>
( {( W3 {/ p5 k2 a! T8 D( j8 }5 b
9 t$ l' k1 |1 z1 Q' i
</div> Q2 l7 L# w" J; p8 e* N t* M
</body>0 _. e7 X) z+ h! M5 \6 t
</html>
" _" h1 m. D3 R3 f; X

复制代码

案例二：

<html>
8 X9 G2 | j7 E$ J) b
<head>$ ?8 q& U% F+ }. e% F% q! e" l
<meta charset="UTF-8">
7 ~/ o- V. l) M/ Y+ y+ n
<meta name="viewport" content="width=device-width, initial-scale=1">7 n1 @, q( `/ M. I
<title>Zero Clipboard Test</title>
( R& z/ Q: ~$ M9 f* N: l$ Z
</script>! O2 j8 i6 F- ]$ M. H7 ?
</head>
* l+ Z0 m% |; X/ Y$ }
<body>
; `9 A! B+ |3 R' z8 ~5 E9 J
<script type="text/javascript">
9 P9 Q' y- S: _- [3 M
function jsCopy(){ 2 S! d- L0 x) p H* o/ }; r) [
var e=document.getElementById("contents");//对象是contents 9 `9 M4 Q3 r3 c$ \ O& f
e.select(); //选择对象 * g, v9 Y1 j. q3 e% _% ^! e
tag=document.execCommand("Copy"); //执行浏览器复制命令2 ` R- o! e6 k& x1 x" O5 [: V
if(tag){
3 T5 d% K& S$ O* h8 C8 r
alert('复制内容成功');
) e+ D+ V6 `& [0 g$ _' a `' {
}
2 [+ v8 v9 s+ i& X
} # \2 v5 `) P' X4 S1 N
+ |: f( I# K+ Q: A
</script>
% h+ ~) Z9 Z/ F3 R) C
<textarea id="contents" cols="40" rows="5"></textarea>) d' h0 F& M- M1 P4 S$ m$ z
<br />* n# S* |, m7 D# Z; f: O2 K+ d, _
<input type="button" onClick="jsCopy();" value="复制" />3 s- K8 y( `3 L( g" s/ A
</body>) _( D# E+ N1 A- s( M8 M# \+ {% `, W
</html>
. ?3 W0 E: P+ p: q: h

复制代码

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

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

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