轻量级的实现复制文本到剪贴板功能的 js

官网地址：https://clipboardjs.com/ 

第一步引入js 文件

<script type="text/javascript" src="./jquery.min.js"></script>
<script src="./clipboard.min.js"></script> 

第二步布局

<div class="yqm">
      我的邀请码:
 /*要复制的内容*/
      <span class="span2" style="margin-left: 1%;">123456</span>
/*点击复制的*/ 
      <img id="img3" src="{:C('APP_IMAGE')}copy.png" alt="">
</div>

第三步js代码

/*点击事件*/ 

$('#img3').on('click', function () {

/*获取要复制的文字*/ 

             value3 = $('.span2').html();
/*通过id指定的节点对象，并作为参数传送给Clipboard,
这里的返回值的内容data-clipboard-text的内容*/
            $('#img3').attr('data-clipboard-text', value3);
            var clipboard1 = new Clipboard('#img3');
            clipboard1.on('success', function (e) {
                mui.toast('复制成功')
            });
            clipboard1.on('error', function (e) {
                 mui.toast('复制失败')
            });
        })