cncml手绘网

标题: 点击按钮复制到剪贴板 js [打印本页]

作者: admin    时间: 2018-7-31 10:14
标题: 点击按钮复制到剪贴板 js
  1. <blockquote><span style="font-family: Arial, Helvetica, sans-serif;">案例一:</span>
复制代码
  1. </pre><pre code_snippet_id="1755225" snippet_file_name="blog_20160711_1_4917192" name="code" class="html"><!DOCTYPE html>) |" v; d0 E4 U- V9 x8 Q: Q  C& \1 K
  2. <html lang="en">
    6 G4 T6 Z9 E. F
  3. <head>; O; H$ P2 M  E5 k( z
  4.         <meta charset="UTF-8">  P8 J& J* l5 P0 t2 P
  5.         <meta name="viewport" content="width=device-width, initial-scale=1">$ _% N+ y3 x. `9 S$ T7 t6 Y
  6.         <title>Document</title>; K& ]% ?- N- W/ v; Y& }% w' w1 n
  7. </head>) `4 }8 H/ G6 N& @8 N* Z1 l
  8. <body>. j  u0 C$ z5 n0 j
  9.         <script data-cfhash='f9e31' type="text/javascript">
    ! E7 I" N& ~0 e2 y  o8 T1 x8 m3 h6 j
  10.                   function jsCopy(){
    ) [. ~% S& ?6 b- H6 \. F# d" }
  11.                     var e=document.getElementById("copy-num");//对象是copy-num1
    7 U) B2 C* h9 n6 p7 G
  12.                     e.select(); //选择对象
    7 F( Z- m) q* V, j  s) ?' G
  13.                     document.execCommand("Copy"); //执行浏览器复制命令
    ( U4 e0 b4 e+ a9 K; v6 @8 f" A
  14.                     alert("复制成功");2 D- d5 X6 m& T4 t/ r. H
  15.                 }
    * ~9 M  b1 i/ z
  16.                   /* <![CDATA[ */" m3 A2 c: ~$ H' \9 M" B: k& c
  17.                   !
    : G% S! r* \5 {) U
  18.                   function() {1 E& a- l2 z8 z/ A
  19.                     try {
    : F4 [$ r6 s8 _
  20.                       var t = "currentScript" in document ? document.currentScript: function() {5 }3 y: P) w* t' {7 D
  21.                         for (var t = document.getElementsByTagName("script"), e = t.length; e--;) if (t[e].getAttribute("data-cfhash")) return t[e]0 d. D9 i( \0 g5 i; o0 N
  22.                       } ();
    % q5 @% ^5 J! T0 g5 h2 C+ z( ?
  23.                       if (t && t.previousSibling) {
    1 u  S! v' K: L! Y, {6 n; O
  24.                         var e, r, n, i, c = t.previousSibling,
    $ f$ g& n2 D( @' i& ?6 z
  25.                         a = c.getAttribute("data-cfemail");( |: }. V1 |7 r9 K
  26.                         if (a) {
    & I' t* A. G1 H* w
  27.                           for (e = "", r = parseInt(a.substr(0, 2), 16), n = 2; a.length - n; n += 2) i = parseInt(a.substr(n, 2), 16) ^ r,6 o: n& z' B/ G. z6 R5 r
  28.                           e += String.fromCharCode(i);0 v5 e. p9 b) D1 A1 {5 W$ O/ G
  29.                           e = document.createTextNode(e),9 P3 b9 b0 e7 l$ E2 x* O
  30.                           c.parentNode.replaceChild(e, c); {7 q  \! S. G+ K, h
  31.                         }
    8 I2 K% b6 W+ b6 x( L
  32.                         t.parentNode.removeChild(t);
    1 n, l2 b- g1 X. T
  33.                       }
    ) I- Q1 Y/ K0 ~" G+ E2 x
  34.                     } catch(u) {}
    + s3 i$ p8 L: w* f
  35.                   } ()
    ) n/ S# @' r; a- h) W
  36.                   /* ]]> */
    * a' ~4 c: a# R7 i$ A% S% m
  37.                   
    : u) `/ F. u' v1 F% J9 Z
  38.                 </script>
    ! d" F! A" S4 D5 m# r
  39.                                  <div class="nav navbar-top-links navbar-right">, n1 _0 y. ]& ]* F
  40.                   <li>推广链接:</li>
    0 T0 {+ F8 e  Y6 f
  41.                  
    ! F% a. D9 Q3 x4 q2 |
  42.                     <li><input id="copy-num" class="form-control" type="text" value="" style="max-width:100px;display:inline-block;color: #999; margin-top:12px"></li>( }8 M0 w# V) l# w0 F) ~! z& s& b
  43.                     <li><button onClick="jsCopy()" type="button" class="btn btn-sm">复制</button></li>
    7 O7 \; j) r+ c
  44.                  
    : }8 ?; _4 R  Q" Y  b
  45.                 </div>% A3 B% I3 U4 O  z+ U, g: ]
  46. </body>3 l. p. z& H+ G( r
  47. </html>
    % Z; D9 o+ T6 J) Z$ E4 Y  v* x
复制代码
案例二:
5 D1 @7 x& A- r
  1. <html>
    6 }( @0 y) R, j% Z7 {( b
  2. <head>
    5 k* o5 ?( [; N
  3.         <meta charset="UTF-8">
    2 [- ^5 ]- \% Q1 R2 v
  4.         <meta name="viewport" content="width=device-width, initial-scale=1">9 ?& t& D9 f! _8 a, D
  5.         <title>Zero Clipboard Test</title>
    0 i& [, l6 J- y- r, V; T
  6. </script>: r, k5 W; I/ ^. ~
  7. </head>
    / h+ g& ]2 L- J- l$ m8 W1 E
  8. <body>8 J2 S" v- \3 u0 N
  9.    <script type="text/javascript">
    : F, W- ~& [* D. I# k! V
  10.     function jsCopy(){ . `$ g8 s. K! C3 C4 C4 |5 `
  11.         var e=document.getElementById("contents");//对象是contents
    ! J  O4 M: ]8 d& G$ o0 c7 D$ x& c
  12.         e.select(); //选择对象
    6 [0 R8 c% ^4 j
  13.         tag=document.execCommand("Copy"); //执行浏览器复制命令
    4 m! `$ h3 j$ D/ D1 t
  14.         if(tag){- S8 i+ c$ W7 m3 Y6 s+ ~0 t
  15.                 alert('复制内容成功');+ E' Z3 ~* k& o8 x4 F. G
  16.         }/ O7 i) L' d0 R, U$ C
  17.     } 1 ]; g/ @, n; ^" i9 Z3 `

  18. , H, ^+ \1 t$ E
  19. </script>
    $ o8 x; z8 ?+ G9 o7 t5 c7 c/ D
  20. <textarea id="contents" cols="40" rows="5"></textarea>
    . T- Q% _# U( }0 \( ^
  21. <br />
    1 S3 m" q# w$ ~8 Y
  22. <input type="button" onClick="jsCopy();" value="复制" />
    * c+ p# r" _- Q+ f, _( d" l" p
  23. </body>  R: C# \; s, I
  24. </html>
    + K" Q% L. J5 X4 I$ `3 j  n5 a% b' u
复制代码
以上都可以执行,亲自测试!& a/ c7 G3 \& @1 Q  F! w





欢迎光临 cncml手绘网 (http://bbs.cncml.com/) Powered by Discuz! X3.2