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

第一步引入js 文件

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

<script src="./clipboard.min.js?v={:C('VERSION')}"></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 () {

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

'.span2').html();

/*通过id指定的节点对象，并作为参数传送给Clipboard,

这里的返回值的内容data-clipboard-text的内容*/

'#img3').attr('data-clipboard-text', value3);

var clipboard1 = new Clipboard('#img3');

'success', function (e) {

mui.toast('复制成功')

'error', function (e) {

'复制失败')

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