点击按钮复制到剪贴板 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>
+ [: V7 f4 O, ?) D& h( U
<html lang="en">
8 y; |. a7 Z% ]) W, z4 h( s+ A, E
<head>+ n5 e% K9 N6 L3 c2 V. a6 D( K
<meta charset="UTF-8">' D% U/ e( B9 P% _6 a: ?. ~
<meta name="viewport" content="width=device-width, initial-scale=1"># ~$ K. n4 g8 J
<title>Document</title>/ @9 o2 I/ s# E! D
</head>
6 m1 S& g6 `1 F) `0 d p6 K8 @
<body>" ]$ k* G* i/ D/ o
<script data-cfhash='f9e31' type="text/javascript">; q8 R( e) T8 I" M" u+ H$ q
function jsCopy(){; Y" W+ K- o4 s/ r. a2 Y2 j0 K. d
var e=document.getElementById("copy-num");//对象是copy-num19 k" x, z$ O2 r; @2 W0 P2 ~
e.select(); //选择对象1 p, L% R6 U: z+ V9 D
document.execCommand("Copy"); //执行浏览器复制命令
3 l7 D% v& Y4 k# X
alert("复制成功");& u( J8 {/ X+ ?: E
}
9 K0 m: E# F. ?) O
/* <![CDATA[ */! s* @( P" Q* _1 C4 B. A) w/ R
!9 [2 u. t0 Z! Q% e9 B
function() {
; j4 _. d1 [2 S4 [0 J! @7 N7 }
try {# L/ D: S/ Z0 a. R9 w& o5 m6 P2 u' G% {
var t = "currentScript" in document ? document.currentScript: function() {& I- }1 R+ K& w$ D$ w
for (var t = document.getElementsByTagName("script"), e = t.length; e--;) if (t[e].getAttribute("data-cfhash")) return t[e]
, k, I. |/ O$ N
} ();& D' O6 ^- W# h1 t
if (t && t.previousSibling) {2 U( T4 i1 U- J% w& n' a! y
var e, r, n, i, c = t.previousSibling,
5 ^" P; V9 S4 A2 F5 U- B
a = c.getAttribute("data-cfemail");
, s& x; v5 S! l, a- {
if (a) {
' ?; D7 ]# R4 d. r
for (e = "", r = parseInt(a.substr(0, 2), 16), n = 2; a.length - n; n += 2) i = parseInt(a.substr(n, 2), 16) ^ r,
9 M/ j* g7 M. W3 z" x+ j. {
e += String.fromCharCode(i);
; y: A/ P/ R; j2 M# v: Y# v5 g
e = document.createTextNode(e),; J4 Z& `6 A0 ~2 o& i$ C- w; [
c.parentNode.replaceChild(e, c)2 b, I7 y5 c: D$ N; P/ A
}
3 B/ H, ]2 S( T+ P
t.parentNode.removeChild(t);4 ~! J6 S2 h# c" A X# y5 G/ x
}
y& O6 S# X+ e( p; n
} catch(u) {}$ f: V. S0 [7 _# o8 t4 s0 m$ m
} ()
6 q% G" u8 q6 }5 ~: K+ B) X! i$ |& u
/* ]]> */
6 U: f+ P8 f! H5 \" l
( ?6 _& l6 G8 x7 o! O5 _7 T0 R' ?
</script>. d: `$ [9 r. \3 i k
<div class="nav navbar-top-links navbar-right">4 K* R* B+ v0 t+ v# c
<li>推广链接：</li>5 K2 t0 N$ H9 s: [
% n0 }- h& k' [8 c
<li><input id="copy-num" class="form-control" type="text" value="" style="max-width:100px;display:inline-block;color: #999; margin-top:12px"></li>, \4 D. _) s* @" f5 q3 ^; u
<li><button onClick="jsCopy()" type="button" class="btn btn-sm">复制</button></li>: ?9 [6 v5 m. R% g5 }/ Q
4 I( V) |* }/ Q( M, I) O' b
</div>' f% z5 h6 G0 P5 Z2 P# ^0 l. R
</body>. p- c1 J! S- O7 x) k9 K/ h
</html>, R& I6 y: b8 _9 J7 v1 X9 w

复制代码

案例二：

<html>, ^0 ] e7 Z! T, D" ^$ f. t+ z3 p
<head>! c! ^- B: W0 `7 A1 z
<meta charset="UTF-8">4 q! D7 H, q+ u4 W$ \
<meta name="viewport" content="width=device-width, initial-scale=1">
- ?$ I7 q- C* }* `+ a
<title>Zero Clipboard Test</title>
# N7 j8 p0 F3 w/ ~
</script>
, T9 [. p/ f3 B6 {+ |) N
</head>
' Y# C: K s: @: V% k
<body> r3 J6 Z& ?4 F0 o( o6 F
<script type="text/javascript">
* A# _9 M; V4 W8 F
function jsCopy(){ * }) ?7 j) d; A+ }0 @; T7 e
var e=document.getElementById("contents");//对象是contents
" M6 \7 t+ ?! ]$ K0 y" ~
e.select(); //选择对象 % `1 T* X6 Z2 _: W& r+ |' [0 [
tag=document.execCommand("Copy"); //执行浏览器复制命令
" B4 F# f+ x) t- o% c& l+ C7 A
if(tag){0 Z$ k4 M3 |( u( @+ R
alert('复制内容成功');
7 T& O0 x6 e* ?7 v7 i; M& Z/ O
}
/ [ ]- e& m. K. M$ I
}
. u. Y3 C- ?" H
$ @' o4 E3 M# i1 m; N
</script> 4 ?9 C. m: z5 M8 h" B k# y+ j% C; H
<textarea id="contents" cols="40" rows="5"></textarea>* v7 y( S4 ~3 x, v" |) i
<br />
6 j( M# ?9 q9 P' d0 ]. f
<input type="button" onClick="jsCopy();" value="复制" />
/ o- J6 Z. C/ W5 v% R7 x
</body>' o' z: V) U' D% b3 Q5 u
</html>
7 T9 L( c/ G, z) J6 k# e a

复制代码

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

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

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