点击按钮复制到剪贴板 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 L0 q! r% u7 E7 H2 ]( z) }
<html lang="en">
0 C* x$ b/ t4 {% P/ x }
<head>8 Y m5 N P7 j# C$ P3 i1 K& p
<meta charset="UTF-8">
* ^5 G% J9 x1 D8 V7 e$ I5 J
<meta name="viewport" content="width=device-width, initial-scale=1">% Y: @. t3 D/ E9 q3 A+ e
<title>Document</title>
' v! e/ A) D J' c" q8 z0 v
</head>9 p7 P5 J- A: S/ C0 g$ S3 B
<body>& C: }4 ~ D+ q& a" G
<script data-cfhash='f9e31' type="text/javascript">* w7 U, Q$ W5 i) f7 B, b" C( K, [# Z
function jsCopy(){
6 n/ u0 J) X6 G+ m
var e=document.getElementById("copy-num");//对象是copy-num13 f5 z Z; {3 `2 \; T0 [2 z. R1 c+ g
e.select(); //选择对象. U0 f' ]# x( J a, \
document.execCommand("Copy"); //执行浏览器复制命令
- |4 O: s5 r% ~1 }+ y
alert("复制成功");8 M2 U7 `# s- {2 g7 m
}
1 ]# t9 `+ w' N# ^
/* <![CDATA[ */
. E- D0 |0 Y; P0 w. C9 f# g
!7 ?$ K, a3 |8 ^ V5 k
function() {8 T& b- w1 \) E1 C* v& z
try {
9 w) I1 O: C% m& b% |; Y0 Y
var t = "currentScript" in document ? document.currentScript: function() {, R9 d3 E+ y6 F: i# C& j
for (var t = document.getElementsByTagName("script"), e = t.length; e--;) if (t[e].getAttribute("data-cfhash")) return t[e]! \4 _9 m4 `8 [ P# {. a# Q
} ();
7 X+ R' a( z1 w; e% k
if (t && t.previousSibling) {
0 S$ r- C' z* Q5 u
var e, r, n, i, c = t.previousSibling,
) R- x8 Q$ ?1 n" a7 W! Q9 h
a = c.getAttribute("data-cfemail");
" U$ U( d% ^& e+ n/ ~: z4 m2 t! j
if (a) {
* h$ J8 G4 G3 F' 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,5 o, b) }$ n0 D. F
e += String.fromCharCode(i);
7 u' J U; e; j6 |# b1 e. e) G( b* [
e = document.createTextNode(e),1 z: m! T) Z0 B4 f7 i
c.parentNode.replaceChild(e, c)" h# a" p1 I m" [
}
; w! d4 u$ \5 z. o+ A
t.parentNode.removeChild(t);
# y7 { z ~6 h G' w0 d9 F! z' u
}7 w1 Z- ` f$ s9 C" `
} catch(u) {}6 I6 }4 l: g8 D. k2 K. `8 `* H
} ()1 W( J2 i# G6 f; {! ?8 t
/* ]]> */
, o' d& h4 ~% }
7 J) L9 t: Q" ~- L$ | ~. C0 e# @
</script>+ Q- G! G( B1 j# ^: M3 ?; ~* F
<div class="nav navbar-top-links navbar-right">
% y6 f8 m6 g, n. }8 _
<li>推广链接：</li>
. E+ e! W9 k- D) ?8 r
- q" f# h9 K! A5 b/ n0 k7 l
<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 D8 Y1 S; t' E$ g9 l. p1 m
<li><button onClick="jsCopy()" type="button" class="btn btn-sm">复制</button></li># P% |. p4 a5 m. I3 }
, x" u& d# S; B m7 X
</div>
+ r3 E& D1 p& Y2 ^7 O5 ~' A9 M
</body>
( l' W3 ^& N. s. c9 y5 R
</html>$ ]6 K4 O3 y% \& F& p: E8 H

复制代码

案例二：

<html>, \ X& @4 \7 L
<head>$ `* M0 j4 }# J {% Z0 r3 J
<meta charset="UTF-8">5 a2 }$ q2 }& T% w# y6 {0 A
<meta name="viewport" content="width=device-width, initial-scale=1">+ q! t$ S1 ]3 v! ~
<title>Zero Clipboard Test</title>
7 N( E1 @4 z ^( T) `
</script>- s" D7 L5 Y- R6 p( ^( L
</head>6 X7 G- x/ q) j% s9 \6 D# A
<body>
. Q% E6 y6 `3 k3 e; }- `* k
<script type="text/javascript">
# V9 A! ?) W. r! R0 G* Q, e
function jsCopy(){
" J0 H# P# `: s; q$ V. u
var e=document.getElementById("contents");//对象是contents , A8 i9 g) _* m( u$ ^, |
e.select(); //选择对象
2 D1 \% b& Q7 a6 h: q. O* Z
tag=document.execCommand("Copy"); //执行浏览器复制命令. G2 t& C& j7 C# S: u" y6 f
if(tag){
4 \6 v0 u. e1 D, X2 {6 O0 A
alert('复制内容成功');
* y0 v9 ]7 z9 R( a" h7 l- J
}
6 K! m1 N9 I& f! k) x+ ~
}
. J* g) d1 Z* K* S- `3 a+ c
, j: X2 M8 O* Y8 i
</script>
2 \9 v2 x, r2 b( ?' i* U
<textarea id="contents" cols="40" rows="5"></textarea>
1 b9 m: j) R$ I% V) B
<br />
" {7 t3 Y$ u: b V
<input type="button" onClick="jsCopy();" value="复制" />
# q# c3 o9 M. j6 I8 w% q
</body>0 \/ g7 C2 W8 T9 {& p% a; t8 T4 h, U
</html> m, m% Z# M$ [& w/ r

复制代码

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

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

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

浏览过的版块