微信关注
微信
移动客户端
您当前的位置 ：首页 > 学习资料 > 点击按钮复制到剪贴板 js
投稿

点击按钮复制到剪贴板 js

2021-03-21 23:46:17 来源： 作者： 责任编辑：cncml

  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>
  2. <html lang="en">
  3. <head>
  4.         <meta charset="UTF-8">
  5.         <meta name="viewport" content="width=device-width, initial-scale=1">
  6.         <title>Document</title>
  7. </head>
  8. <body>
  9.         <script data-cfhash='f9e31' type="text/javascript">
  10.                   function jsCopy(){
  11.                     var e=document.getElementById("copy-num");//对象是copy-num1
  12.                     e.select(); //选择对象
  13.                     document.execCommand("Copy"); //执行浏览器复制命令
  14.                     alert("复制成功");
  15.                 }
  16.                   /* <![CDATA[ */
  17.                   !
  18.                   function() {
  19.                     try {
  20.                       var t = "currentScript" in document ? document.currentScript: function() {
  21.                         for (var t = document.getElementsByTagName("script"), e = t.length; e--;) if (t[e].getAttribute("data-cfhash")) return t[e]
  22.                       } ();
  23.                       if (t && t.previousSibling) {
  24.                         var e, r, n, i, c = t.previousSibling,
  25.                         a = c.getAttribute("data-cfemail");
  26.                         if (a) {
  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,
  28.                           e += String.fromCharCode(i);
  29.                           e = document.createTextNode(e),
  30.                           c.parentNode.replaceChild(e, c)
  31.                         }
  32.                         t.parentNode.removeChild(t);
  33.                       }
  34.                     } catch(u) {}
  35.                   } ()
  36.                   /* ]]> */
  37.                   
  38.                 </script>
  39.                                  <div class="nav navbar-top-links navbar-right">
  40.                   <li>推广链接：</li>
  41.                  
  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>
  43.                     <li><button onClick="jsCopy()" type="button" class="btn btn-sm">复制</button></li>
  44.                  
  45.                 </div>
  46. </body>
  47. </html>
  48.  
复制代码
案例二：
  1. <html>
  2. <head>
  3.         <meta charset="UTF-8">
  4.         <meta name="viewport" content="width=device-width, initial-scale=1">
  5.         <title>Zero Clipboard Test</title>
  6. </script>
  7. </head>
  8. <body>
  9.    <script type="text/javascript">
  10.     function jsCopy(){
  11.         var e=document.getElementById("contents");//对象是contents
  12.         e.select(); //选择对象
  13.         tag=document.execCommand("Copy"); //执行浏览器复制命令
  14.         if(tag){
  15.                 alert('复制内容成功');
  16.         }
  17.     }
  18.  
  19. </script>
  20. <textarea id="contents" cols="40" rows="5"></textarea>
  21. <br />
  22. <input type="button" onClick="jsCopy();" value="复制" />
  23. </body>
  24. </html>
  25.  
复制代码
以上都可以执行，亲自测试！
文章来源： 责任编辑：cncml

更多
版权声明：
1、本主题所有言论和图片纯属会员个人意见，与本网站立场无关
2、本站所有主题由该文章作者发表，该文章作者与享有文章相关版权
3、其他单位或个人使用、转载或引用本文时必须同时征得该文章作者和的同意
4、文章作者须承担一切因本文发表而直接或间接导致的民事或刑事法律责任
5、本帖部分内容转载自其它媒体，但并不代表本站赞同其观点和对其真实性负责
6、如本帖侵犯到任何版权问题，请立即告知本站，本站将及时予与删除并致以最深的歉意
7、管理员和版主有权不事先通知发贴者而删除本文
精彩置顶
绘画资料
独家推荐
软件推荐
不良信息举报信箱 新闻热线:18733599993 技术服务:18733599993 网上投稿
关于本站 | 广告服务 | 免责申明 | 招聘信息 | 联系我们
在线网 版权所有 Copyright(C)2005-2025