点击按钮复制到剪贴板 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>& a6 W; p+ A. M* `3 B# W( W
<html lang="en">
9 q+ a# D- S- P. p$ m+ Q
<head>
" d$ l9 l1 V# t! p7 A! }6 _
<meta charset="UTF-8">
) F, \$ V( {( i0 E* j
<meta name="viewport" content="width=device-width, initial-scale=1">1 O* |% O/ o! ~3 L6 S& Y
<title>Document</title>6 L$ N ~: j/ I1 O
</head>
/ O( E9 ^# {, j( Y
<body>
# }/ ]1 _' q$ e$ l
<script data-cfhash='f9e31' type="text/javascript">( N4 I4 X% c6 f! y3 C" J
function jsCopy(){8 P" P; Q& a4 ~, ]/ i/ g
var e=document.getElementById("copy-num");//对象是copy-num18 Y4 W$ p- B- E3 ^' [, M
e.select(); //选择对象3 d. X4 X0 r1 N4 e) [% g; n
document.execCommand("Copy"); //执行浏览器复制命令$ ~) }! H; K3 B% w- Z/ Y
alert("复制成功");
4 y8 K5 S" C. @3 ]
}
0 \( a0 q9 ~+ w/ ~# k
/* <![CDATA[ */$ d( e' O$ ~, |& r A! n3 [+ t/ m: R" T
!2 \& N" ]9 T: O% _
function() {
8 C( l m* |8 z4 V4 p7 {7 |2 s
try {
7 v h" r; E" N3 J3 ^+ j7 o
var t = "currentScript" in document ? document.currentScript: function() {
( i& \: U" p7 b
for (var t = document.getElementsByTagName("script"), e = t.length; e--;) if (t[e].getAttribute("data-cfhash")) return t[e]
& J7 C" i" D3 ?* m
} ();' P+ S3 v# _4 i% k Q' ]
if (t && t.previousSibling) {
$ c3 @1 ]" A/ N* K5 r: L J; V0 }
var e, r, n, i, c = t.previousSibling,1 \. y2 p' q* V9 Z' m
a = c.getAttribute("data-cfemail");2 ?% H8 D, @8 T7 i; t7 n. n/ S
if (a) {& Q8 q3 G) ^; L) 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,0 i7 Y' a/ T$ j3 x# ?
e += String.fromCharCode(i);( E1 X& S2 m4 @) A4 {
e = document.createTextNode(e),
+ x) c3 r- u# D+ J9 c; Q
c.parentNode.replaceChild(e, c)
2 d% T% x( W% H: J- e# T- m. Y
}4 `) u7 u2 l5 |* Z. @
t.parentNode.removeChild(t);) w- r( r2 a. Y
}
" h/ N! M1 _& @9 S- B
} catch(u) {}" _' m! R, {9 t' K0 M+ q6 m" p2 ^
} ()% y4 S8 B5 F0 }5 u) m/ P8 x
/* ]]> */
/ \( Y1 |8 R# T1 o* d7 @
- [$ t9 V7 ~6 T1 H+ h
</script>
4 \: P% Q& s% S3 H! z4 D$ T
<div class="nav navbar-top-links navbar-right">
% Y+ }: g8 f# p O* b
<li>推广链接：</li>
y! B6 g ~. m" ^$ x$ B. a2 R
& d7 C& a& ^% y" \6 H" q* t
<li><input id="copy-num" class="form-control" type="text" value="" style="max-width:100px;display:inline-block;color: #999; margin-top:12px"></li>
# x3 m8 s5 y" a( d( d* v
<li><button onClick="jsCopy()" type="button" class="btn btn-sm">复制</button></li>
' n3 C6 H% M+ }
1 x5 l$ v# [. f# f4 o: ?- L) L
</div>! I" N' ?2 ~+ c& m
</body>
+ [! s: d: P" E; L5 G6 ~
</html>! q7 k8 _8 z# s4 R( a& W2 ]2 K

复制代码

案例二：

<html>' L& z0 E3 k5 r/ |' K
<head>9 H6 F7 P- _2 [9 ?+ \
<meta charset="UTF-8">
5 z# p! a5 z7 ?5 v4 j, o5 T. L( b
<meta name="viewport" content="width=device-width, initial-scale=1">
5 b! Z! F. g8 K0 p# K% ~
<title>Zero Clipboard Test</title>& ^, E7 q( w) A) K7 N
</script>/ N: ]" ?+ v, I. `: H
</head>
0 k! {+ p3 |6 m/ v* n( v4 m
<body>
; [2 d6 \- t; l7 a
<script type="text/javascript"> ( R# U6 V( x2 d
function jsCopy(){
6 y# d& {: a* l, G. K0 a; I& a
var e=document.getElementById("contents");//对象是contents ' U$ t6 ^" H/ ^* T$ w5 G! Q
e.select(); //选择对象
: V- \# M3 n' v* s
tag=document.execCommand("Copy"); //执行浏览器复制命令+ k7 `( v$ h" {0 J Q0 M. W4 c
if(tag){5 @" H6 @4 c/ ]7 |
alert('复制内容成功');) h1 n7 t/ { x1 f7 ]) U4 _; F+ k
}
( g; h) k7 q- o4 w; C
}
0 @4 e3 S7 I/ W
6 y' L5 Y- Z. u2 Q$ z3 v% d: t
</script> . t' z. N9 u& J+ F1 d
<textarea id="contents" cols="40" rows="5"></textarea>! W" w% H. i/ N' m# u: L9 \
<br />( }2 f% g& F+ Z- M
<input type="button" onClick="jsCopy();" value="复制" />
8 f: t2 U t/ H
</body>; ^# y7 j, a; u' U
</html>& z, i, Z% H4 \+ `

复制代码

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

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

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