点击按钮复制到剪贴板 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>6 `; A% a; T6 U: K/ B: G% s2 |; |
<html lang="en">
, k9 U, S9 v9 ^9 U3 z
<head>, q5 S v( c& Q8 T5 J7 E
<meta charset="UTF-8">
' c, A. ]. z( X: J
<meta name="viewport" content="width=device-width, initial-scale=1">. V. C% R ~- Z7 K! }, ]" g& X
<title>Document</title>1 W" y2 O6 p: R2 K) B
</head>
/ D& k4 G% C. z7 X3 o, c5 l
<body>
& g T8 s. F2 V) V0 k4 U0 d; w
<script data-cfhash='f9e31' type="text/javascript">
$ i4 K6 w. Q5 n
function jsCopy(){. o8 Z: W9 `! K) m4 j8 E# r
var e=document.getElementById("copy-num");//对象是copy-num1
$ W7 A! H- x5 N% o
e.select(); //选择对象! v& V: x: M+ j
document.execCommand("Copy"); //执行浏览器复制命令
/ ]( ^3 Q: O+ V# F; l5 r4 r
alert("复制成功");0 N& H, X: w8 \: T
}
$ l! C8 d8 s0 ~
/* <![CDATA[ */
$ c) }% Y2 z& p1 x4 F
!/ F: G: A' j: A6 k& l9 l8 R# u$ |
function() {! v8 c) Q3 t& x9 U
try {# p. d h$ N: d: \. X+ \
var t = "currentScript" in document ? document.currentScript: function() {
0 u( o$ Z/ ^! b9 _) y
for (var t = document.getElementsByTagName("script"), e = t.length; e--;) if (t[e].getAttribute("data-cfhash")) return t[e]: T9 j0 D1 X9 V1 Y
} ();/ }. q; ^ N$ [
if (t && t.previousSibling) {" e2 E9 Y: X* T) N) {
var e, r, n, i, c = t.previousSibling,/ ]0 o# G% F0 H* b
a = c.getAttribute("data-cfemail");. r( W5 s' b) F$ [2 h
if (a) {
' h' u9 l. {( ]& ~
for (e = "", r = parseInt(a.substr(0, 2), 16), n = 2; a.length - n; n += 2) i = parseInt(a.substr(n, 2), 16) ^ r,2 D2 u+ j# L& F
e += String.fromCharCode(i);" u/ H: S3 ?+ I0 m1 R" M/ H) h) |
e = document.createTextNode(e),3 g! q( P+ V" v3 m" l
c.parentNode.replaceChild(e, c)
]/ }; f8 Q$ t, ?* b% @, R
}6 A$ ~# T- O n8 B" ]& l
t.parentNode.removeChild(t);( H" X1 Q1 @ J# v& Z, j
}
. p1 ~4 u/ F' c$ j5 l9 l
} catch(u) {}
( o. M& q9 y. {" y8 h) L2 D2 y. o
} ()6 b. ]1 d6 i+ x4 O
/* ]]> */
0 D/ ~$ `3 r$ e2 Q
4 c& g$ t$ k: d4 _+ J" e
</script>
. A2 _* q F8 }* U) p: h8 S4 `
<div class="nav navbar-top-links navbar-right">! _2 D/ ~* i" v; Q/ R) w6 L' ~5 t4 p
<li>推广链接：</li>3 A# x& }' @. G _4 I4 a8 o
/ j# T) Y4 d5 A/ D! [. I# Y, p
<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 A3 s5 j& }' w7 z3 d
<li><button onClick="jsCopy()" type="button" class="btn btn-sm">复制</button></li>
; t/ o/ u+ c1 h( n( J" X8 z k
/ X8 M9 }5 x3 `, U3 u. [; F
</div>
$ t* L% t0 |3 S/ _9 e! O G, W) {
</body>
! ?% s$ Z, G P9 c8 _* Z1 b5 B
</html>
5 n6 B5 A% z8 e! a2 Z2 V- {1 k& I

复制代码

案例二：

<html>1 r- A% |8 o; B; ^
<head>. i% p q; Y8 D5 h: T
<meta charset="UTF-8">
9 `4 U2 F2 x u/ k$ b
<meta name="viewport" content="width=device-width, initial-scale=1">( r; W* l& A/ |7 X1 x U& I
<title>Zero Clipboard Test</title>
H' C; Q7 g6 e3 a8 o3 O% ~
</script>' E p, g+ ]. p; a) d& H
</head>
" N# I5 c* F+ l/ {) c
<body>
# T! z2 g2 v5 F) B
<script type="text/javascript">
2 p) `# }1 F- e; }$ h' b3 q6 T
function jsCopy(){
5 q( T% K3 r/ j. Y
var e=document.getElementById("contents");//对象是contents
7 m1 h2 I; ]' j+ ?! O% K( {: r
e.select(); //选择对象 . }: m3 V9 G4 o2 C* y
tag=document.execCommand("Copy"); //执行浏览器复制命令2 M, M/ G0 ^# Y, P P0 X
if(tag){
: Z; G& Y% P# ?: e1 \5 f
alert('复制内容成功');
6 E% u% N4 R3 Y/ _
}
/ e+ N8 K6 T- _% m8 K* t
} 7 h- u2 T5 D# T
/ U; Y1 P& O6 d! L2 g
</script>
8 Q- x4 A/ t* O; W
<textarea id="contents" cols="40" rows="5"></textarea>
5 E( N" D( p8 i; k9 B _
<br />
% U% \8 ]6 U; J) S5 o" z
<input type="button" onClick="jsCopy();" value="复制" />2 c# y6 O ?% t: H) p' D, f4 {9 i
</body>3 Z9 y0 w+ D( ?
</html>8 S" G6 K$ j# K. d: y4 R9 }2 H

复制代码

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

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

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

浏览过的版块