点击按钮复制到剪贴板 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>% n1 [% h4 U5 w4 j0 N
<html lang="en">8 R+ Z, h S' L! F' m
<head>1 O0 \, |" n, f* ^6 }) Q
<meta charset="UTF-8">$ [ Q( h% ]3 f, v6 `/ Z G
<meta name="viewport" content="width=device-width, initial-scale=1">
% N/ b, n b7 y2 x4 y
<title>Document</title>- J) V' g" [, G) R
</head>) j- H0 U" H1 R/ A/ d
<body>
/ j3 T* i' B& b- c$ M8 z$ }4 W2 R
<script data-cfhash='f9e31' type="text/javascript">
7 Y/ f* [# J# y
function jsCopy(){- d6 @; h4 `. k
var e=document.getElementById("copy-num");//对象是copy-num1
! v8 h& C' u4 A( K0 q6 f% w3 Z
e.select(); //选择对象3 w8 y0 f( w2 |9 F
document.execCommand("Copy"); //执行浏览器复制命令
7 A5 j. ]3 U5 n% \, ^
alert("复制成功");) t) |; M8 J$ ~
}
% O4 V" [6 x! I* I( c
/* <![CDATA[ */7 g) ^4 U7 m7 r% E8 C
!$ a( R7 ^; l3 z, f* n( N! g
function() {- K1 l9 {2 B% @4 {
try {
; Y' A+ C8 A0 y+ a0 {* M& K! C
var t = "currentScript" in document ? document.currentScript: function() {
4 p8 ?5 B @3 v' t8 z; W; w6 b
for (var t = document.getElementsByTagName("script"), e = t.length; e--;) if (t[e].getAttribute("data-cfhash")) return t[e]; B" g. z) `1 l
} ();7 k; F0 l+ A4 M' @& ^) h& n3 v* T. ^4 @$ G' ^
if (t && t.previousSibling) {
i% f# A/ H9 V# Q; V6 E
var e, r, n, i, c = t.previousSibling,
! k# L$ B1 i2 Z$ n
a = c.getAttribute("data-cfemail");
j6 s7 _6 y; ]. D
if (a) {
2 a5 |0 L" R, c
for (e = "", r = parseInt(a.substr(0, 2), 16), n = 2; a.length - n; n += 2) i = parseInt(a.substr(n, 2), 16) ^ r,
& @( s$ q5 T) m) B- L Q
e += String.fromCharCode(i);
( E, W1 ?' s% }" N a2 \+ F& x
e = document.createTextNode(e),/ R5 ~7 E. V$ M1 v/ c9 H) e
c.parentNode.replaceChild(e, c)7 ?" V+ p5 A+ s7 a/ x, b
}
1 [/ @! B& e$ M
t.parentNode.removeChild(t);
+ M d4 H: a: F, Z$ r5 U: {8 w- [
}6 {; Y, n" ~' i: X
} catch(u) {}& G" N1 c+ Z' z* q
} ()8 t' }1 ^5 @# D- Q. X
/* ]]> *// O1 }8 u- [: [8 ^2 V+ _
9 D2 ~+ ?1 [, h% O# v8 g) \
</script>: V! M; M% [% I1 `4 Q# H
<div class="nav navbar-top-links navbar-right">
3 e9 l1 X7 B: N
<li>推广链接：</li>
* [1 r9 g5 b( p0 F: K% y' c
& h+ t' ]/ _; O ?- n
<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 V# W* V( `. b. E- k6 o
<li><button onClick="jsCopy()" type="button" class="btn btn-sm">复制</button></li>4 Q7 b& A" u0 G$ f
</div>/ z+ {8 [' x+ ^( @
</body>) `" T& o0 ~% w2 U% y
</html>
7 G/ B! \& C5 i5 i `% w

复制代码

案例二：

<html>' t' z" I: ~* @) C
<head>
; G/ `! v' |% d1 }9 B4 M& A' _
<meta charset="UTF-8">
/ e* `. a3 F3 N1 h. S+ p
<meta name="viewport" content="width=device-width, initial-scale=1">' E ?- @" S; J! Q* }
<title>Zero Clipboard Test</title>
; C% S& D1 `3 V3 ]% k
</script>* d1 k5 C3 K' a* ]
</head>
, R' p4 I& `7 m4 u! M7 o; I
<body>
2 x$ p+ N) q& s! Z
<script type="text/javascript"> ( A+ N; _, ~. W5 G. a
function jsCopy(){
, w' p1 x& i. m1 z0 y
var e=document.getElementById("contents");//对象是contents % V. t; X! {1 T! r* O; s5 C
e.select(); //选择对象 3 c T' I% e; k! b% B5 X
tag=document.execCommand("Copy"); //执行浏览器复制命令$ p, D6 p! G! d! p
if(tag){2 H1 `0 F/ Z5 @* r
alert('复制内容成功');3 O0 b6 q: |; |0 v
}
' c; D+ w8 A3 r( `- ~" \' M9 {
} # O1 a/ H/ W9 D
# D+ w+ d% D0 I" {
</script> & ~" ]; Q/ }, K$ f
<textarea id="contents" cols="40" rows="5"></textarea>8 c; V3 m( \1 B& d) B9 W
<br />
& j/ S A; L$ a. O/ p8 x5 }# M
<input type="button" onClick="jsCopy();" value="复制" />9 p4 U3 k0 ^4 c) S2 L9 P; X/ y3 x
</body>
1 v1 B2 @" }+ H' V, U9 C
</html># `$ l! k5 Y4 k/ o

复制代码

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

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

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

浏览过的版块