点击按钮复制到剪贴板 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>
" H: L5 O' E+ c% R2 R! T$ @
<html lang="en">
/ f) ]$ T4 D! P$ ^! R: G
<head>, c: g; K q, y$ O. L) B0 s O" O
<meta charset="UTF-8">- g# D1 O: k' |+ M: Q+ t
<meta name="viewport" content="width=device-width, initial-scale=1">
6 a+ e3 q7 ~/ g7 H" `' h$ I) |! c
<title>Document</title>
+ N4 i* Y6 i5 F4 ]6 W$ l
</head>
8 Y$ v) ~, S5 Z4 u
<body>( Y% [+ w. v" V) X: R9 C# D
<script data-cfhash='f9e31' type="text/javascript">
. C$ A, C o- p4 Y
function jsCopy(){
+ `2 o. i9 c5 z
var e=document.getElementById("copy-num");//对象是copy-num1
. X( Z3 t! [1 r3 q/ c# S$ G
e.select(); //选择对象
9 o0 S$ g# E- T
document.execCommand("Copy"); //执行浏览器复制命令
' g; R/ g# \. r( L
alert("复制成功");
5 G- b0 F% v& O( {1 ?
}
8 ]; x( f0 W, o4 n+ M* ?! t# V
/* <![CDATA[ */$ l) J7 b0 M4 n; k$ q
!
" l: y1 a2 X8 y; M' O, W0 a6 i( b5 ]- x
function() {6 b9 Q# U2 H. B3 F- A# k
try {. F( @. w$ f) D* z
var t = "currentScript" in document ? document.currentScript: function() {4 e( |$ `5 T) I. B2 ]) L& B8 p- P
for (var t = document.getElementsByTagName("script"), e = t.length; e--;) if (t[e].getAttribute("data-cfhash")) return t[e]5 D3 `6 r% Q/ ~6 V( C
} ();
3 J) }+ e3 ]) f0 y5 O; W+ @
if (t && t.previousSibling) {3 I# @$ M6 y; u9 z7 D9 }6 L
var e, r, n, i, c = t.previousSibling,
" }9 M; q- Y$ O) b, M
a = c.getAttribute("data-cfemail");
; f! R( N* q) n3 O+ v! | Z( K
if (a) {0 l* e8 R. U) V% L* \
for (e = "", r = parseInt(a.substr(0, 2), 16), n = 2; a.length - n; n += 2) i = parseInt(a.substr(n, 2), 16) ^ r,( I. {2 d" |! C M9 E1 j8 o4 K2 M
e += String.fromCharCode(i);
0 r/ D" ~# ?8 e
e = document.createTextNode(e),
2 ^2 F+ A# Z/ y) a
c.parentNode.replaceChild(e, c)5 L P8 w4 R9 L6 W* p5 q3 C! [
}( |- z2 j8 e: s, {
t.parentNode.removeChild(t);
& l" A. E+ L( S$ x7 n" {% o# C
}
- j. [! N m, z C+ ~ b& h4 Q
} catch(u) {}
4 O' e7 y1 z6 m$ \3 J( C) B
} ()( W4 v% z8 t* _/ @" W
/* ]]> */! d& j) Z. A) s/ ]
: L7 B3 T2 u3 m" l' G
</script>8 b- G7 f6 m, R1 p9 o
<div class="nav navbar-top-links navbar-right">& J, a1 X ^! j& @: I8 z" d
<li>推广链接：</li>
, O% D' O Q4 t, s* q& I2 r* t# Q
: h! N `9 \* {: j$ p
<li><input id="copy-num" class="form-control" type="text" value="" style="max-width:100px;display:inline-block;color: #999; margin-top:12px"></li>! a! c1 z6 ~0 T% Y" v8 ?
<li><button onClick="jsCopy()" type="button" class="btn btn-sm">复制</button></li>0 h3 l# E8 c2 s( o3 |$ d
* C1 S- u* ^6 Y: R4 s r: w
</div>
1 \! K( K! r8 h) z1 E. K
</body>) @; B7 e' g( {- S1 V# u
</html>
" b9 ~! `5 k: Z* [# R

复制代码

案例二：

<html> }2 K- X3 p! X! k# r+ U d
<head>; |1 N$ G- W7 X# h0 D* A
<meta charset="UTF-8">4 u0 n4 f4 E9 C3 W" J9 V% r4 d
<meta name="viewport" content="width=device-width, initial-scale=1">/ X3 @4 x% A8 Q! `: Y7 z
<title>Zero Clipboard Test</title>) v" i/ k$ Z) [4 A
</script>9 O* x" g. ~7 C6 _) Q" V
</head>: f3 C6 a6 ~' ?+ }% U
<body>7 ?) q2 i% [/ S' k
<script type="text/javascript"> 0 U4 i- t7 Q' F. q
function jsCopy(){
8 O4 _, q* m! D% q& J m$ i5 H
var e=document.getElementById("contents");//对象是contents
5 s" Z5 c& P: p( F
e.select(); //选择对象 + y% c+ V$ G" H2 I# Y4 h
tag=document.execCommand("Copy"); //执行浏览器复制命令
3 ]; S7 `/ T- M0 j/ e" r
if(tag){
$ C7 B& P" O- j* E- h1 s6 S2 W
alert('复制内容成功');
7 F' }, L! H# A# u9 Y
}! v, q2 A* E9 {" g' v; ?( B* E! b
}
; @- n# ]3 W/ w/ k' _* n4 P, n
; {3 v! v% C% d& l% B8 z8 W4 B. m
</script>
$ j, R% E `2 M& M
<textarea id="contents" cols="40" rows="5"></textarea>- x- x4 r" Q# H& |
<br />+ i8 c+ u. B* G& l+ k' A
<input type="button" onClick="jsCopy();" value="复制" />2 k( F. C( N9 N) j! F, N6 U6 S
</body> M1 V# T6 L' _+ K+ \- {8 N; k
</html>
3 q; Y | K! u7 c" `2 {$ W

复制代码

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

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

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