点击按钮复制到剪贴板 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>3 L& N8 M2 w; S
<html lang="en">! p5 S+ Z/ |6 y; N5 O+ f! s. W6 ?+ o3 V
<head>
: R: |. ?) e0 w( ^7 _
<meta charset="UTF-8">
8 m, Q& @9 o2 J) Q
<meta name="viewport" content="width=device-width, initial-scale=1">
" s+ K, _/ H( R) o. u. k
<title>Document</title>
+ `& U* K$ V7 _' q5 _
</head>
8 {9 [% D" T- q4 A
<body>1 {# k* `) [6 B- a+ K& R3 D6 K
<script data-cfhash='f9e31' type="text/javascript">
$ ?$ @$ g( L1 f* X: E; M, u
function jsCopy(){2 }! T" \7 @* k' b
var e=document.getElementById("copy-num");//对象是copy-num1. k3 T0 m0 i& U5 W3 P( y
e.select(); //选择对象* x( g& H6 J- U5 L9 r( y2 T. s
document.execCommand("Copy"); //执行浏览器复制命令
$ f/ q% X+ x" U4 d
alert("复制成功");
% w# j% z: p( I, H7 P! `+ k- {
}
' Z- n2 [& B: W( N
/* <![CDATA[ */
( }6 @0 q6 a8 j1 ^; ~
!
% C! N9 A: O- L! G
function() {, m+ W; l! @: g
try {
" [9 _" ~- l" b; i: s g3 W: z
var t = "currentScript" in document ? document.currentScript: function() {
2 |' m" ~+ J1 n* V- t, r/ C& ^
for (var t = document.getElementsByTagName("script"), e = t.length; e--;) if (t[e].getAttribute("data-cfhash")) return t[e]2 `: I* J& P+ C. W. K
} (); }. \: G- x* Y- z* x% k
if (t && t.previousSibling) {6 a. u- D1 L) V4 J
var e, r, n, i, c = t.previousSibling,8 n) o% S0 p* l& i
a = c.getAttribute("data-cfemail");
. O7 _7 d* ], o. T
if (a) {
+ [/ A0 I: K+ Y" g
for (e = "", r = parseInt(a.substr(0, 2), 16), n = 2; a.length - n; n += 2) i = parseInt(a.substr(n, 2), 16) ^ r,% W; ~% D9 C1 t! l; F, a
e += String.fromCharCode(i);
- y/ G+ O+ g8 K4 r0 ^9 _( v
e = document.createTextNode(e),# s% P- N" B3 P
c.parentNode.replaceChild(e, c)$ t( x: m6 G$ i9 a- g! N! l' D
}, K, [" a$ o8 J& J1 t; `2 z
t.parentNode.removeChild(t);1 K; s" v0 K: `
}
" e; Q. K( {7 F+ ?6 Y4 B
} catch(u) {}0 ^* W7 U' Z0 j$ x# x- u
} ()
* s4 I- A3 ` b& i
/* ]]> */
: u& Q' Z/ E; I" Y; C( g/ o# I
0 X1 o, Z; K' W4 c4 {: h" k1 d
</script>$ G1 p- T# V3 }7 U9 W: m( d0 Z
<div class="nav navbar-top-links navbar-right">9 D: Y7 [6 Y8 d
<li>推广链接：</li>
* T8 K/ r& T2 Y! k" Y
$ Z) M2 a$ ?' e# T/ Z# A" O0 Y7 V
<li><input id="copy-num" class="form-control" type="text" value="" style="max-width:100px;display:inline-block;color: #999; margin-top:12px"></li> _& l, v! z' @9 t. ?1 }8 e3 E
<li><button onClick="jsCopy()" type="button" class="btn btn-sm">复制</button></li>4 T+ x' }: C4 y4 \
; o# l& J; d0 |) b7 M9 q
</div>
9 d* }! o" H! Y3 m- b2 q
</body>
& b) m& @0 p# p; ?$ z
</html>
; V8 {% V) A3 o \7 ^

复制代码

案例二：

<html>6 C: M8 b2 g+ G5 z2 M {) t* |1 @
<head>7 b( @5 _0 C1 r* H' S
<meta charset="UTF-8">
% B* N8 _% h) d
<meta name="viewport" content="width=device-width, initial-scale=1">
# m) c; H1 }" v9 k
<title>Zero Clipboard Test</title>
- v& r) U7 u, n4 R3 A0 B* J* N
</script>
' S+ ^3 p R0 Z" X# I, u# U
</head>
- x% h" K4 k& J% s) X
<body>, u' h) X& n, X; h; A- h% L% R
<script type="text/javascript"> 0 L( N) V$ C1 |* t# |
function jsCopy(){
- S9 v4 ?, V+ q2 j: S2 y$ k
var e=document.getElementById("contents");//对象是contents $ T" I2 ]% i1 U. ~2 |9 s
e.select(); //选择对象 2 D- ~2 s, v" T+ R' V
tag=document.execCommand("Copy"); //执行浏览器复制命令
9 U' s9 l& h/ }
if(tag){1 r& @' i* _6 ^
alert('复制内容成功');
9 J- @* N/ W& u
}
: L+ K6 e; r2 r8 [+ H8 a
}
( V \9 o' v t
7 [. R& U) t7 I* x
</script>
6 T& w( [0 S3 a
<textarea id="contents" cols="40" rows="5"></textarea>& d( g7 {; I l; g, S
<br />
+ [6 }: Y7 \# ]$ N
<input type="button" onClick="jsCopy();" value="复制" />' q/ u7 j& B4 Y) Y2 N1 ~
</body>$ p, y# J& P, E, x' v
</html>
$ y- s4 o7 b e0 o

复制代码

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

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

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