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