第一步引入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('复制失败') }); })