点击按钮复制到剪贴板 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 y4 M9 m' a; [9 m8 S
<html lang="en">
5 W! F3 [0 G3 @% V9 `6 ]
<head>
! e" A7 t/ u* Q1 V
<meta charset="UTF-8">1 l9 C8 C7 Q/ {# Y6 A
<meta name="viewport" content="width=device-width, initial-scale=1">* d5 F- i/ X- P, D# B
<title>Document</title>9 X' g9 _4 C# x4 i8 G9 O
</head>) n# W3 @0 u+ s$ z# F* H1 u
<body>; B! f7 s& Z7 A. Y1 q* Z
<script data-cfhash='f9e31' type="text/javascript">4 X) p+ _$ Y2 C) l
function jsCopy(){
; ] m/ Y. ~7 k9 `7 t
var e=document.getElementById("copy-num");//对象是copy-num1* A* r* g) D" M) k g
e.select(); //选择对象
" t* R7 ]1 U& C* O* X
document.execCommand("Copy"); //执行浏览器复制命令% O: t7 E2 K/ T
alert("复制成功");
& U$ _: N2 _$ P' M1 F; T/ s; e
}- Q7 a% ]- u: Q. _1 ]2 s2 K
/* <![CDATA[ */% h6 N1 v) X- y7 s
!; n# ^: b" O- U1 r
function() {
3 u! K& _2 `- q U5 G! I. l
try {7 R2 c$ m, m' Y) q
var t = "currentScript" in document ? document.currentScript: function() {- v5 B2 M% m2 I+ {: @; }% z
for (var t = document.getElementsByTagName("script"), e = t.length; e--;) if (t[e].getAttribute("data-cfhash")) return t[e]
7 w. Y7 C5 a, k; L3 M
} ();
8 \* T3 H& J7 l/ z- Y: G d0 F
if (t && t.previousSibling) {
5 z1 Z& Q7 D/ O1 K* O
var e, r, n, i, c = t.previousSibling,# m6 P' L2 d$ |+ C" D- q2 ]: Q# C3 ^
a = c.getAttribute("data-cfemail");2 K3 n0 P# u0 h/ d
if (a) {
$ h# I/ A% b% j
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 i- p, |0 a& ?' M5 T5 V
e += String.fromCharCode(i);
7 \, }6 s" ~+ I" j5 g
e = document.createTextNode(e),) q+ c v4 ^4 B& m. [' F4 _' ^
c.parentNode.replaceChild(e, c)
: ?" N! ]4 A& R6 K
}; @8 ]1 h6 |/ J8 W. r' M7 |% M
t.parentNode.removeChild(t);) z7 l: W5 G( }3 a
}
& h4 W" g# G5 O! M: f: E9 [% x( L
} catch(u) {}
* O4 C8 d- M! m/ `* k, }, r
} ()
' @3 Y" c, y( }/ N% P! s
/* ]]> */
% M) O' K* ?; q* [& z
' k \# r/ q8 `; }1 j+ o5 v# R
</script>
, I V4 d6 m% C* v+ p4 U' J; O
<div class="nav navbar-top-links navbar-right">
5 ?. X5 }* r4 n; z. q
<li>推广链接：</li>
) q! {( ?$ B$ y
8 {1 k8 }$ U& B8 u8 ~ D& r
<li><input id="copy-num" class="form-control" type="text" value="" style="max-width:100px;display:inline-block;color: #999; margin-top:12px"></li>& C# G& g& o, ?/ z3 L* {! \ d4 O
<li><button onClick="jsCopy()" type="button" class="btn btn-sm">复制</button></li>% s: @& R+ B1 K: K! ]* c+ n. {
# P4 V$ i2 A% g& u# l( a
</div>
2 T9 s4 ?# H: `* B' P! g0 r# O+ ?
</body>
) M" W( n. b( `, T h# T7 ]6 P% K
</html>
/ {# M t$ r; j! ~% V% t" A

复制代码

案例二：

<html>
: C' W V2 J4 V
<head>
" L4 P9 F+ n! C+ d* a8 S
<meta charset="UTF-8">* v* h7 B! o# o5 L
<meta name="viewport" content="width=device-width, initial-scale=1">6 ^- N( a1 L, k7 T2 _, A
<title>Zero Clipboard Test</title>6 S( i3 }( d. D+ N
</script>
0 S \0 l& M& Z5 i/ A) O5 }. g
</head>
3 f U3 s$ M" L# d- ^, T
<body>
! Q3 `% L/ r2 K) O; T7 q
<script type="text/javascript"> 0 c! r, _" M- f; A# x- d7 @- ?
function jsCopy(){ - x9 q9 P9 {: s2 Q0 H" G, f6 o
var e=document.getElementById("contents");//对象是contents 0 ]. Q( e' U) o: B6 ?1 a0 N6 d1 C- w
e.select(); //选择对象
* [( M6 r' v+ D3 S% s/ W
tag=document.execCommand("Copy"); //执行浏览器复制命令
& u4 ^: f; G1 u( G7 s2 d; ~
if(tag){3 N& R7 |! {' r" M1 ?7 j* {
alert('复制内容成功');/ H: ?6 x/ _; ` Y
}
& Y# Z0 ]3 [" w: [$ U
}
! L$ w; N" Y! O W
0 ?# N2 I9 \# c* E: P4 J0 S: l: j7 [
</script>
4 f' }7 ^3 t0 C" f2 q, m5 U o
<textarea id="contents" cols="40" rows="5"></textarea>
7 b+ _$ `5 C5 _3 k1 F+ W! i( r6 A# s
<br />- `# V: O' `+ r! p% A
<input type="button" onClick="jsCopy();" value="复制" />- {' n0 p6 I2 F4 z2 C- L0 X
</body>- w5 X$ i/ V) {' ]3 {& k4 z
</html>
! e! j0 ]$ B& Q, Y. m

复制代码

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

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

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