zoukankan      html  css  js  c++  java
  • html5: 复制到剪贴板 clipboard.js

    1、使用clipboard.min.js工具,引用此js
      注意事项:
        IOS微信网页开发中,若使用此工具来开发复制功能,则需要在超链接/按钮上新增 onclick=" "

    2、clipboard使用

             <li class="flex ai-center jc-sb">
                   <div class="reportCode">
                            <input class="fs-18" value="3VDK2109" readonly="readonly">
                            <div class="reportDate fs-13">2019.1.21</div>
                        </div>
                        <div class="reportEdit flex">
                            <div class="nextBtn fs-14 enable copyBtn" data-clipboard-text="Just because you can doesn't" onclick="">复制</div>
                            <div class="nextBtn fs-14">删除</div>
                        </div>
                    </li>
                //复制
                    var clipboard = new ClipboardJS('.copyBtn');//点击class为copyBtn的按钮复制内容
                    
                    clipboard.on('success', function(e) {
                        e.clearSelection();
                        showMsg('复制成功');
                    });
                    
                    clipboard.on('error', function(e) {
                        showMsg('您的手机暂不支持,请长按进行复制');
                    });
                    function showMsg(data){
                        layer.open({
                            content: data,
                            skin: 'msg',
                            time: 2
                        })
                    }        
  • 相关阅读:
    序列终结者
    CF696C PLEASE
    [清华集训]Rmq Problem / mex
    CF786B Legacy
    链表结构详解
    synchronized同步方法和同步代码块的区别
    关于守护线程定义
    线程的优先级
    mysql查询当天的数据
    java以正确的方式停止线程
  • 原文地址:https://www.cnblogs.com/rachelch/p/10208318.html
Copyright © 2011-2022 走看看