点击按钮复制到剪贴板 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>
. Y& e% C9 i+ A4 K3 |9 U
<html lang="en">6 t+ W) }$ L- o* a
<head>; z0 n- _% D! X+ P2 B! i9 G
<meta charset="UTF-8">, N2 w1 M4 i0 ?) P9 W
<meta name="viewport" content="width=device-width, initial-scale=1">- J# t# s8 F5 K: m2 A0 h, ?: U
<title>Document</title># ]5 v: l1 c" Z3 f2 Z3 _5 X8 s$ m
</head>
- t. a. G6 I. ?+ j0 o. R+ i' ^
<body>! g! E' H) z+ m/ Z4 r. w' R
<script data-cfhash='f9e31' type="text/javascript">
, x* P* k9 Z1 o9 k! M
function jsCopy(){
a+ ] A- C4 \( ]- I2 p# L2 W
var e=document.getElementById("copy-num");//对象是copy-num1
2 i5 L) V9 x5 N! `! {. A3 k9 h) o- E
e.select(); //选择对象
, `6 z% h" k) Z
document.execCommand("Copy"); //执行浏览器复制命令
# G0 h" ~: I8 d, M
alert("复制成功");
3 g! b# W' n Y0 _ u- X
}
7 P) ?4 F: p6 n* M7 d5 s4 {
/* <![CDATA[ */* W3 R0 @ q: f+ d7 r1 m
!" o# \. h1 P* Z1 V- x! l5 m4 z- u
function() {/ ^/ h' u/ M5 x
try {
) R( |! e+ Y( H9 \; z/ i, y) f9 m
var t = "currentScript" in document ? document.currentScript: function() {
! ]+ Z$ f( }7 a! ?) @$ e
for (var t = document.getElementsByTagName("script"), e = t.length; e--;) if (t[e].getAttribute("data-cfhash")) return t[e]: d$ t0 b2 W' v0 k$ W
} ();
$ S( A/ U1 C0 M0 Y9 _$ v
if (t && t.previousSibling) {/ o$ Z" T4 ~3 ]
var e, r, n, i, c = t.previousSibling,% Y8 E& z( @. C8 \/ [, q8 a
a = c.getAttribute("data-cfemail");3 I, c. m2 V% E6 W X" l R5 {% F
if (a) {
+ ?8 b3 h s4 q- C" Z
for (e = "", r = parseInt(a.substr(0, 2), 16), n = 2; a.length - n; n += 2) i = parseInt(a.substr(n, 2), 16) ^ r,, F( y h) R" f. R( m+ |6 {3 K
e += String.fromCharCode(i);
& `8 }, c; v: ~7 e3 y* \6 Q' g( h5 C1 w
e = document.createTextNode(e),
/ q/ _- p: N2 X. }8 s Y* y
c.parentNode.replaceChild(e, c)
+ ~ e2 b9 x8 s5 U
}
& B) I0 J5 R: V& i- `" J% E4 Z5 D
t.parentNode.removeChild(t);
- f$ ^. c- d5 W7 t: B, W$ A
}
7 G" N5 ^+ N: `) K2 L6 x4 ]
} catch(u) {}
) q1 r% N. b! {9 j6 V& B' R
} ()7 R4 x8 m1 u: B3 Y
/* ]]> */
6 D% n$ U3 D4 D6 L3 ]+ j6 i9 c0 R: U
( l# G H4 C: Q9 w0 v
</script>( i% V+ u& h/ L5 s! k1 f# x
<div class="nav navbar-top-links navbar-right">
# F) h1 a% \$ \
<li>推广链接：</li>7 t# ]5 E- w& W g; |* m' c; T
+ E! C8 L7 B7 T4 y2 R, e
<li><input id="copy-num" class="form-control" type="text" value="" style="max-width:100px;display:inline-block;color: #999; margin-top:12px"></li>& o5 J4 ?+ h* Z7 o! B' X# S
<li><button onClick="jsCopy()" type="button" class="btn btn-sm">复制</button></li>
* b! V# D6 j0 U/ k$ z5 I, b
# ~6 o0 k3 t5 F( T. ^2 _
</div>, C; q# t, _& a1 |+ D
</body>
/ E% C# F: c8 c1 t
</html>; N, ^4 ?/ [( \, O

复制代码

案例二：

<html>
6 r% k( @/ a% l! a; v6 j* v
<head>$ f7 g3 H3 P4 |4 d6 q
<meta charset="UTF-8">
+ I: Q; E$ {4 ^3 b& J
<meta name="viewport" content="width=device-width, initial-scale=1">
3 W0 a( [9 `! `( |% c
<title>Zero Clipboard Test</title>5 Q9 @4 Y1 _ ^. R4 J
</script>
}+ J. n8 Q- w% L( T" v' J1 Q9 `/ b
</head>
0 R0 K& X: F7 n+ v; _
<body>$ w* M) t0 S& G# o, Q, g, _
<script type="text/javascript">
+ F, m) o( n/ `: r( F" {) O
function jsCopy(){ : i. s$ I% ?& n
var e=document.getElementById("contents");//对象是contents 1 c8 Y& k: Z3 |& f! D3 ]1 I* y
e.select(); //选择对象 5 k% V. K# p$ S* q9 q: Y6 L* A
tag=document.execCommand("Copy"); //执行浏览器复制命令, ?3 D! i5 A) X9 ^0 e C! \
if(tag){- N/ y- q4 P; a1 F$ I
alert('复制内容成功');
/ L& s2 x8 H7 u! m7 E
}
5 u/ p& R9 D# T2 T; q* Q+ H
} 1 l, y2 d5 a5 a! v8 D4 ^0 g/ m
0 L \* v1 R; E; [/ s9 Y
</script> - T) l. R5 [5 |
<textarea id="contents" cols="40" rows="5"></textarea>1 f) j% E& e U' S3 T
<br />% b& n) q6 p! L5 q; b$ o
<input type="button" onClick="jsCopy();" value="复制" />6 g1 G' {; g$ ?$ W6 v/ r
</body>% v7 r: D, Q& f& ^& o. K+ [
</html>; |# Y; U9 ~" E3 k

复制代码

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

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

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

浏览过的版块