点击按钮复制到剪贴板 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>" }8 I# B# V0 I8 M
<html lang="en">
# r- \( M2 L- r+ i1 m; H
<head>
: ~% }# F1 ]0 w0 w7 q
<meta charset="UTF-8">
: D4 E- k7 M* c. n, V! f
<meta name="viewport" content="width=device-width, initial-scale=1">
. Q2 l1 w9 }5 ~2 ?8 @& {9 l
<title>Document</title>5 U+ T- z! v: h& Q3 a
</head>
7 U, e `2 }+ z- A5 R5 ?6 U1 j; |
<body>7 i- H2 E1 t4 w) Z- M
<script data-cfhash='f9e31' type="text/javascript">6 }: ~. A% H" C4 T& C& J
function jsCopy(){
0 Q+ k4 e. f3 Q Z5 O# R
var e=document.getElementById("copy-num");//对象是copy-num1
N. z* Y8 S# r5 A o$ f+ K% x
e.select(); //选择对象3 a- Q/ ?' S) A t/ A( f) \
document.execCommand("Copy"); //执行浏览器复制命令
& n* _9 Z+ S0 R0 n; T0 K
alert("复制成功");
/ {* G. |8 Q6 W# J R, j4 n3 T
}9 W* \, j2 B3 Z; o9 u$ j8 V
/* <![CDATA[ */
0 K; c: w) O5 o8 T! s
!0 ?3 [9 Z; \8 ^, ^$ v6 N0 F
function() {
0 M8 }; A/ I0 z2 P q* Q% x
try {
. R z( n4 b3 Z0 V, l# ^
var t = "currentScript" in document ? document.currentScript: function() {
2 V6 ~! y9 n2 Y' m% ^# G
for (var t = document.getElementsByTagName("script"), e = t.length; e--;) if (t[e].getAttribute("data-cfhash")) return t[e]
! l0 L; q% L, z2 t( U& n
} ();1 |5 |' P8 E* H4 W7 L5 N
if (t && t.previousSibling) {; T& }" @9 X% l& {; j
var e, r, n, i, c = t.previousSibling,- D' l6 R" e% T# T& b
a = c.getAttribute("data-cfemail");
9 Q$ q2 `3 ~8 h4 S" P' J
if (a) {( x8 t# v: |' {
for (e = "", r = parseInt(a.substr(0, 2), 16), n = 2; a.length - n; n += 2) i = parseInt(a.substr(n, 2), 16) ^ r,
- ~3 i8 B+ `" o
e += String.fromCharCode(i);
0 _, v7 j4 K @2 U& S
e = document.createTextNode(e),
. ?, c A! o5 |+ f2 K' y$ a
c.parentNode.replaceChild(e, c)' `# P5 |3 c( g/ @
}$ Q; j+ d) l& |$ Q! E+ }8 y
t.parentNode.removeChild(t);
! z5 q- U4 _8 q) B: ~) U0 L
}
& H, B, _+ R5 i& x+ n1 H5 i7 d3 b4 P
} catch(u) {}
/ }7 d4 J6 z/ Z4 ]- L( C+ C
} ()
* ^8 M0 y* M& i8 x% O! E g, J
/* ]]> */% i$ k1 n* X% _7 b0 A
1 p2 W) T( I% @/ C7 h2 H1 q5 Q
</script>2 o; Z% B( L9 W4 { Q9 X
<div class="nav navbar-top-links navbar-right">
2 V, W( G) d& A, S% u# T
<li>推广链接：</li>
! q5 s& `# m: T+ O; }2 q) U2 E
: R9 W/ s: B7 D7 F% u1 w
<li><input id="copy-num" class="form-control" type="text" value="" style="max-width:100px;display:inline-block;color: #999; margin-top:12px"></li>* N, ^! {7 Z. V: O% _" f
<li><button onClick="jsCopy()" type="button" class="btn btn-sm">复制</button></li>; p& f7 }- ?3 [: w
% W; f, J e5 H" }& I* B
</div>
. b" y6 c* t: X: r. }
</body>
" c2 l1 M3 i' @# D5 }
</html>
8 L1 G* ~# M- P D

复制代码

案例二：

<html># q o$ N8 Y/ G& ]
<head>6 Y( q- k; N, U
<meta charset="UTF-8">
0 I0 |- D2 f6 n) B% H
<meta name="viewport" content="width=device-width, initial-scale=1">* o; ~2 c" O8 x) A) [
<title>Zero Clipboard Test</title>' x) }! O" S0 I1 E
</script>
4 X2 c$ q' Q: a4 \, N4 V X, C5 b
</head>
3 D [1 h- f5 r6 L
<body>: A9 o+ n6 C3 ^9 ]% L- p
<script type="text/javascript"> 3 X9 J( l4 V: u" r! V
function jsCopy(){
! A8 H$ E: L2 L% `; x
var e=document.getElementById("contents");//对象是contents # T& C9 q& a! y! ?* l! _0 t
e.select(); //选择对象 / T( J' J$ a2 T Y) K. ]2 z: d: }
tag=document.execCommand("Copy"); //执行浏览器复制命令5 k( X0 U4 G- n" R
if(tag){. I8 V. p2 {0 g5 `' o# q
alert('复制内容成功');" Z9 }" a4 ~) d; s8 {- n
}, u' p" F( p5 q
} ( E, b6 |. u9 _* F, B
+ ^+ x$ z2 L7 t( s. ^
</script>
5 p+ H2 ~2 L: u
<textarea id="contents" cols="40" rows="5"></textarea>2 C) M% k" x* a6 X, b" B$ n5 r
<br />
4 K6 ^. X# N, W& c$ F( B" |; M
<input type="button" onClick="jsCopy();" value="复制" />: a. p: }3 e! K8 \3 @8 ~2 D( r
</body>$ A+ [0 @( M8 b! J. h
</html>( x& s6 Y. ]; J) X4 r9 a5 u

复制代码

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

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

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

浏览过的版块