layui 点击链接复制内容到剪切板
生活随笔
收集整理的這篇文章主要介紹了
layui 点击链接复制内容到剪切板
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
var tableObj = table.render({
id: 'list_table',
elem: '#list_table',
url: '',
align: "center",
cols: [[ //表頭
{type: 'checkbox'},
{type: 'numbers', title: '序號',80},
{
field: 'lock', title: '鏈接', align: 'center', templet: function (d) {
return '<a href="javascript:;" data-clipboard-text="" class="font-primary" lay-event="share">分享</a>';
}, unresize: true, align: 'center'
}
]]
});
table.on('tool(mainList)', function (obj) {
var data = obj.data;
var layEvent = obj.event;
if (layEvent === 'share') {
$(".font-primary").attr("data-clipboard-text",data.id);
var clipboard = new Clipboard('.font-primary');
clipboard.on('success', function(e) {
alert('復制成功');
clipboard.destroy(); //解決多次彈窗
e.clearSelection();
});
}
}）
下載：clipboard.js
鏈接：https://pan.baidu.com/s/1LNNmA5KAwI3S1K31oLDo7Q
提取碼：iigd
轉載：https://blog.csdn.net/jia__xin/article/details/89173662
總結
以上是生活随笔為你收集整理的layui 点击链接复制内容到剪切板的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 使用plsql创建定时任务并执行
- 下一篇： jqueryeasyui date