点击按钮复制到剪贴板 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>
2 J9 \- ` L& Y! G5 F# {* w
<html lang="en">
- G9 v$ h- A$ J" B. b% y
<head>
0 ]) C4 }1 Y( R0 }! i+ n
<meta charset="UTF-8">6 {- k: k: T: E t' w* n1 u
<meta name="viewport" content="width=device-width, initial-scale=1">
' q4 z3 r8 x3 T S( Z
<title>Document</title>
5 q7 h- D4 \! E T' n
</head>0 { N0 r( F2 _) g6 H! h! [' D
<body>
3 n3 }0 a( w5 N, V! T* j% S
<script data-cfhash='f9e31' type="text/javascript">! W' |# |( {1 G) |: L: c4 t( _
function jsCopy(){
/ `7 K/ T( Z* q& \, I$ G# Z! W
var e=document.getElementById("copy-num");//对象是copy-num1
2 S4 s* K0 T% u9 i2 g1 n0 ^8 b" U; i& o
e.select(); //选择对象
# D- y G; w' v. |1 l" Y
document.execCommand("Copy"); //执行浏览器复制命令
4 o, B6 J* w3 Q( ?+ S/ U" O3 E
alert("复制成功");0 j8 k Z9 n0 F2 p
}
6 k8 s( R& W& r! ]' H1 n
/* <![CDATA[ */
8 J; t0 q, w1 i: D
!
4 H$ B* p- C5 v* b" M- j2 D$ s
function() {! v: h0 [- {6 \+ V- I6 U6 S Q+ C Y
try {
( k2 l; d! C C, P0 y& f; r
var t = "currentScript" in document ? document.currentScript: function() {# \* E- l! B, A G, A) ?6 R
for (var t = document.getElementsByTagName("script"), e = t.length; e--;) if (t[e].getAttribute("data-cfhash")) return t[e]
: j- l J4 } _9 z" j: X, C* t
} ();
7 G" K+ u8 _# `3 Q$ c4 H7 I( l. P7 U
if (t && t.previousSibling) {
- d1 l$ Q0 I1 }/ @3 p
var e, r, n, i, c = t.previousSibling,1 [% {5 u' X) b
a = c.getAttribute("data-cfemail");3 T1 H8 j p4 h1 \# S
if (a) {
# Z3 R, Q0 X+ Y/ _ ]) \) s
for (e = "", r = parseInt(a.substr(0, 2), 16), n = 2; a.length - n; n += 2) i = parseInt(a.substr(n, 2), 16) ^ r,
g Y7 x0 Y6 h1 J! F, S
e += String.fromCharCode(i);
2 j I p. Q( w- d4 q3 r( K
e = document.createTextNode(e),/ j' c3 f' v( F [. O. Y
c.parentNode.replaceChild(e, c)
[' K$ j ~7 P$ _9 u+ ~: e7 R
}3 W7 z9 O* p' V7 r/ r7 f6 }4 L7 G
t.parentNode.removeChild(t);
* }2 d; g" n# ?/ D" g
}
) y. w+ S6 C; y3 F4 E+ U
} catch(u) {}( L3 j; a& n/ H5 J) {; j
} ()
6 _9 O- s# R* K7 t/ x) x1 F6 l' p; ~
/* ]]> */
/ {7 B5 }5 u5 |' ` `
2 b5 B+ P& i' \4 Q& B; P
</script>
% ?- @ f( y" [+ ]/ E
<div class="nav navbar-top-links navbar-right">
8 S3 ^2 p* I9 _3 W x p
<li>推广链接：</li>
: n- R$ G `/ J2 w) a |
% u* Q+ `( h& t- i0 W1 L9 D
<li><input id="copy-num" class="form-control" type="text" value="" style="max-width:100px;display:inline-block;color: #999; margin-top:12px"></li>
2 i2 R9 y8 @1 k7 z' m. v9 U
<li><button onClick="jsCopy()" type="button" class="btn btn-sm">复制</button></li>
$ }& S# r! ~9 [! Z' j; Y
9 m* e6 o' d; e8 i& Q
</div>
# L' E! x9 U3 j% r2 q
</body>, K" d7 u- \! u; b8 D% o& D# l
</html> j6 a2 U- d) o

复制代码

案例二：

<html>7 A( x1 E2 C$ ]
<head>. l+ h/ e/ @2 U/ F* {! u% O
<meta charset="UTF-8">0 c6 Y: l8 ^5 d/ N( L4 g% y
<meta name="viewport" content="width=device-width, initial-scale=1">
& C L( ?1 A7 i7 `) D
<title>Zero Clipboard Test</title>/ p" _! A! y$ N# i) F3 w
</script>
& q# j! o# _! n! A
</head>- Q; I$ _3 r/ X0 u
<body>8 ?; O# M- O$ R+ v F F
<script type="text/javascript">
. ]9 q1 N& |% Q% Y9 ^8 @% x @
function jsCopy(){
1 L2 Z1 F5 |% }
var e=document.getElementById("contents");//对象是contents
% l1 E! C$ G/ ?, X& N
e.select(); //选择对象
% E: p( B5 |* F4 g; l3 v
tag=document.execCommand("Copy"); //执行浏览器复制命令' z4 p, I$ D$ x" S) w9 @
if(tag){
8 G2 ?6 }+ j: U8 s& `3 |8 z
alert('复制内容成功');
' x0 Q# z0 |0 N* f. Z1 U, i
}
9 i) U4 _% B& z
} 0 Q& @. G" ], A/ L2 ?2 F
# ^& }3 h' K6 Q
</script>
, ~4 m, H, W, J1 \& X0 p7 ^9 X9 B2 Q
<textarea id="contents" cols="40" rows="5"></textarea>
1 l6 S8 s/ s! ], j, i6 V, L
<br />
! p. t0 n& w: d2 S5 X$ `% \
<input type="button" onClick="jsCopy();" value="复制" />
* B2 C" ?1 L" q, [/ Q3 b, j
</body>
. T0 P7 P$ a8 F i7 z
</html>9 s1 v; [) Y: B ]

复制代码

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

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

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

浏览过的版块