点击按钮复制到剪贴板 js - cncml手绘网

<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>
" m( }" |: m# |
<html lang="en">% {/ Z& W% ~2 s4 C p: Y6 @5 d
<head>
5 [' g! h* l4 m! A6 A' U
<meta charset="UTF-8">
, u) d1 L$ c, t, A- N/ q0 v3 Q
<meta name="viewport" content="width=device-width, initial-scale=1">
2 K6 ?' h2 @$ X: d6 ^* o: K2 S" f
<title>Document</title>. Z5 m! {0 h7 _
</head>
. j+ t! B0 }. |! V
<body>, f, D$ |& b' }% F8 E; L9 O3 \
<script data-cfhash='f9e31' type="text/javascript">( J! W7 e7 n' ~) X3 E3 r
function jsCopy(){: R6 ^( H$ X* S) W
var e=document.getElementById("copy-num");//对象是copy-num1
3 y1 j5 R7 _6 E; V$ @0 w
e.select(); //选择对象
8 D' b0 L+ B$ Z4 K B3 F
document.execCommand("Copy"); //执行浏览器复制命令
4 u7 Y) a! s! `! {; w$ A
alert("复制成功");4 E( a5 U4 \3 S1 P" u, y
}0 h: k, B4 V6 i8 N2 k' \* `! _+ U
/* <![CDATA[ */! B" i3 i% P9 l
!' I' q- U5 k% h+ q' {
function() {9 m" k x2 L% }5 v
try {
5 g( h$ ]5 X- |' q0 Q; Q
var t = "currentScript" in document ? document.currentScript: function() {
- V6 {* @# v d
for (var t = document.getElementsByTagName("script"), e = t.length; e--;) if (t[e].getAttribute("data-cfhash")) return t[e]
, M' A% s' n0 u$ E. Q
} ();- Y) h" F3 {1 \' q' r5 z" {& `
if (t && t.previousSibling) {
1 C6 a8 p4 L: x w3 y" }1 {, G
var e, r, n, i, c = t.previousSibling,
/ Z8 q* H2 a6 w: y2 A7 T/ y+ i
a = c.getAttribute("data-cfemail");/ V# E& L2 E @! t' G v1 r
if (a) {
2 Z% \, t' y( g$ c$ p6 H
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! M: }& X ~" O) o
e += String.fromCharCode(i);6 Y# ^6 p4 B; ]+ L; i0 |
e = document.createTextNode(e),
) U) N, i8 ^$ N) T) j
c.parentNode.replaceChild(e, c)
/ v- @) y. ^! Q2 F; u
}
3 z$ b3 |4 R) O: [+ q0 |6 I
t.parentNode.removeChild(t);
' t5 y/ x- O6 Y: O9 c, x/ [" t: l
}
# m0 ^- }# D4 |% c
} catch(u) {}0 T5 I. X7 A- A, h
} ()
8 t7 q* [9 v3 u; ]" B
/* ]]> */" e# E8 r E- ]3 H
% [' [6 H! u7 {3 t6 Z5 Z
</script>
6 J" ?5 k9 V, C# Y) Z
<div class="nav navbar-top-links navbar-right">
1 {% V% E; E8 U, K+ [6 u
<li>推广链接：</li>
; }( A8 I. }2 A7 V4 @3 r3 O: n; B
' X* [0 P* o. h/ I& b0 P6 W( G4 e
<li><input id="copy-num" class="form-control" type="text" value="" style="max-width:100px;display:inline-block;color: #999; margin-top:12px"></li>0 q( y4 r% [# r; \$ O) _$ K
<li><button onClick="jsCopy()" type="button" class="btn btn-sm">复制</button></li># ?7 }: q0 q/ ^4 C! P* f! D+ o
c2 v- G8 h. J! f; e. ^
</div>9 L7 i, O/ u# J6 F. v- c6 [# w1 N9 `
</body>
' V; X+ `& G: H; Z; R# e4 H
</html>
6 D' k3 t. n7 J5 I9 l' L

复制代码

<html>
) U0 C7 k+ b2 ?4 o
<head>! L3 t4 y+ T$ ?, j6 ]5 n+ [
<meta charset="UTF-8">+ Z* Z( \( P* a- ]( C1 ~
<meta name="viewport" content="width=device-width, initial-scale=1">
: }9 i- u) o8 b) V1 ]3 O
<title>Zero Clipboard Test</title>8 I8 {( a: U* Y& A
</script>
4 R! M' _2 v% T2 Q1 c
</head>% W+ S- U4 r @8 ^; t
<body> F2 A+ K4 o) a7 W4 v5 X7 j
<script type="text/javascript">
2 F* o3 V' a" J: ~! Y+ [
function jsCopy(){
" q% ]6 a' `0 c0 H) @' f
var e=document.getElementById("contents");//对象是contents 2 O/ |. F/ ], L/ p) Z
e.select(); //选择对象
$ W3 Y* s8 M+ [+ V$ I: V
tag=document.execCommand("Copy"); //执行浏览器复制命令8 \! E! X9 m% B; Z9 y$ W
if(tag){0 N0 M. [# {9 t$ S, Q
alert('复制内容成功');
+ o( y& t z* z
}
' r0 S! k4 I0 v6 n2 E8 ?, K9 N
}
. s% P$ \( {, x
' {6 E! }& p. L+ y
</script> % i( I! k; F# I$ z f$ t
<textarea id="contents" cols="40" rows="5"></textarea>, T* t5 F. j7 O' n9 T
<br />3 g9 g" T. l- O. w! g
<input type="button" onClick="jsCopy();" value="复制" />0 f8 }' A3 q/ p) ^2 i1 x
</body>/ b% G# h, E. s+ E, R" R+ @' ^
</html>
% n4 D' c: o# K1 Y* W; p

复制代码