点击按钮复制到剪贴板 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>7 D) Z7 y, l5 f7 A& i
<html lang="en">
+ D O. }1 S0 \, s% w! L
<head>( E k5 D6 C$ T" A
<meta charset="UTF-8">
: V0 `" c8 k& K3 m
<meta name="viewport" content="width=device-width, initial-scale=1">
) B% Y9 E" a5 p
<title>Document</title>+ x! `6 H: x# @
</head>5 w" b" Z; u7 }; m/ F: ^8 m" N
<body>+ O: X7 b' K g0 e" o
<script data-cfhash='f9e31' type="text/javascript">
5 R$ P% m6 C1 g0 a: x
function jsCopy(){7 v; `, n2 H; S& q1 \. F$ I" K$ x& f
var e=document.getElementById("copy-num");//对象是copy-num1
* o3 \5 C4 e- ?3 }& ~* A) C4 E
e.select(); //选择对象
0 Z% s. O) _7 D. C$ l
document.execCommand("Copy"); //执行浏览器复制命令' _4 k8 {+ _+ l+ S: t4 j. k, d
alert("复制成功");( Y+ H) t% p/ U' x! h" m' s
}1 v$ ?! m! X6 J- L) m7 M
/* <![CDATA[ *// S% h6 q$ T3 c" W J) R
!
5 X6 M7 @' l& I8 _
function() {8 [" u) ~/ o% b& r# E
try {
7 D/ ]4 ^9 d# Q n
var t = "currentScript" in document ? document.currentScript: function() {% A7 e; J; F; B) x
for (var t = document.getElementsByTagName("script"), e = t.length; e--;) if (t[e].getAttribute("data-cfhash")) return t[e]
3 G( M4 N/ c- a5 S
} ();3 ?3 R5 {. r4 B1 ]4 k& X/ X2 e q
if (t && t.previousSibling) {+ i# B. T! D; K c! A! J W
var e, r, n, i, c = t.previousSibling,
7 @. q$ ^3 ^9 o+ r0 n* u) b
a = c.getAttribute("data-cfemail");5 r! i8 [, h) i, m* P
if (a) {3 ^. x1 f7 \0 }. e1 h0 G* R
for (e = "", r = parseInt(a.substr(0, 2), 16), n = 2; a.length - n; n += 2) i = parseInt(a.substr(n, 2), 16) ^ r,
% y$ l3 q5 x2 s$ [* R
e += String.fromCharCode(i);- c! u; [. U( p/ ]) [+ q% I
e = document.createTextNode(e),& d. p4 S& t5 \: c
c.parentNode.replaceChild(e, c)
0 I Q6 A' ]1 f( j2 @9 C) Z3 y" v8 |
}' x3 E" V. G% h/ l0 F2 W) @2 u
t.parentNode.removeChild(t);
4 H9 }6 r5 e4 v, W
}
e$ ?( \1 F/ B- w5 K
} catch(u) {}) E0 \" ]0 o8 \0 b5 g6 \# ?
} ()6 S% U# \/ c* s8 k. D* b/ m- y4 k
/* ]]> */
, |( h! {* X" v! x
, O$ `; C9 D8 `4 V
</script>* F3 d: [; U2 N" _- W
<div class="nav navbar-top-links navbar-right">
/ x+ o5 D+ S# l& [
<li>推广链接：</li>
( a6 ?" z7 i. {$ p2 [; T9 _
4 a( a8 M: A. D( u, L. I
<li><input id="copy-num" class="form-control" type="text" value="" style="max-width:100px;display:inline-block;color: #999; margin-top:12px"></li>
! k# g& A- G7 [' @, \3 p. F& K6 g
<li><button onClick="jsCopy()" type="button" class="btn btn-sm">复制</button></li>
. e. z7 ^2 `* U J8 i; l0 j
8 O: M$ V; L% K/ j$ r. k
</div>
/ [) b/ }+ C J" {% h
</body>& E! Y4 K6 i* W0 n" \4 D. T6 F4 v W
</html>
* M! `' k) p g/ m: @/ }

复制代码

案例二：

<html>
, [0 P0 g8 X! j6 f3 `3 F
<head>6 i$ R9 k, c2 X. I
<meta charset="UTF-8">) x: e; H( c% q* W
<meta name="viewport" content="width=device-width, initial-scale=1">2 o, }5 u* _+ {* V0 t: i2 X
<title>Zero Clipboard Test</title>
8 c# @+ y4 |3 x: m! v* C( a
</script>
7 x+ G' X7 Q1 y; z ~* g' a
</head>
4 S, N: U# |# ~% p
<body>: a. P7 G3 ]: K2 _0 R X
<script type="text/javascript"> 5 ~6 u/ {& z+ x$ w' G- G5 R7 g
function jsCopy(){
! u. D& W9 i3 j
var e=document.getElementById("contents");//对象是contents , {; _# Q9 r' c+ y9 Z) I7 H3 U: v
e.select(); //选择对象
6 G! `, ^3 h( j+ Z6 e
tag=document.execCommand("Copy"); //执行浏览器复制命令2 `* u5 @* g' u- M' T4 u5 ~
if(tag){
7 U5 D# h( w# L/ c
alert('复制内容成功');
) s3 E! k& s8 E( b: J
}" F/ [0 |) D& b6 C* w1 n2 a
}
9 L/ A5 Y, s4 {( d
[% y& J. Y; R' q* O9 b
</script>
( {* P+ C! \+ z
<textarea id="contents" cols="40" rows="5"></textarea>
; A- S) T: Q5 |
<br />
" ^6 T: b/ l- m2 V1 L% A
<input type="button" onClick="jsCopy();" value="复制" />8 v$ A% W* g# ?. W. C
</body>
1 v) z6 N6 q6 [
</html>
" {6 L) r4 Z1 Z' l! ^! X

复制代码

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

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

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

浏览过的版块