首先需要引用js文件,
<script th:src="|${portalDomain}/commons/common/js/clipboard.min.js|"></script>
一定不要忘记,否则没有效果。
然后在layui表格中加入一下属性
{field: 'coverUrl', title: '封面地址', align: 'center',sort:true,width:110,templet:function (d) {
return '<a href="javascript:;" data-clipboard-text="" class="font-primary" title="点击复制" lay-event="copyCoverUrl">'+d.coverUrl+'</a>';
}, unresize: true, align: 'center'},
/* 表格工具条点击事件 */
table.on('tool(dataTable)', function (obj) {
if (obj.event === 'Retranscoding') { // 重新转码
doRetranscoding(obj.data);
}else if (obj.event === 'copyCoverUrl'){
$(".font-primary").attr("data-clipboard-text",obj.data.coverUrl);
var clipboard = new ClipboardJS('.font-primary');
clipboard.on('success', function(e) {
layer.msg('复制成功');
clipboard.destroy(); //解决多次弹窗
e.clearSelection();
});
}
});
最后成功复制
原文章:https://blog.csdn.net/jia__xin/article/details/89173662