zoukankan      html  css  js  c++  java
  • js插件实现一键复制功能

    clipboard.js 可以实现纯 JS 的从浏览器复制文本到系统剪贴板的功能。

    使用方法:

      1. 下载 clipboard.js,并在页面中引入该插件。clipboard.js 下载地址: https://github.com/zenorocha/clipboard.js

    <script src="/lib/js/clipbaord.js"></script>

      2. 需要复制的目标文本

    <span id="tar_text" >我是一段需要被复制的文本</span>

      3. 复制按钮(注:此处需要给触发复制时间的按钮添加两个属性,data-clipboard-action 及 data-clipboard-target,data-clipboard-target的属性值为目标文本的 id 值)

     <button  id="copy" data-clipboard-action="copy" data-clipboard-target="#tar_text">Copy My Invitation Address</button>

      4. 实例化 Clipboard 对象

      var clipboard = new Clipboard('#copy');
       clipboard.on('success', function (e) {
            alert("复制成功!");
       });
       clipboard.on('error', function (e) {
            alert("对不起,您的浏览器暂不支持一键复制功能!");
       });

      

  • 相关阅读:
    USACO 2021 US Open
    【UR #20】跳蚤电话
    省选前的做题记录
    PE444
    杂题
    CF1190E
    gym100299E
    杂题
    2021 5 10 团队博客
    2021 5 9 团队博客
  • 原文地址:https://www.cnblogs.com/yaoyuqian/p/7900863.html
Copyright © 2011-2022 走看看