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'
                }
            ]]
        });
复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
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

posted @   摩诘  阅读(827)  评论(0)    收藏  举报
相关博文:
阅读排行:
· C#开发的Panel滚动分页控件 - 开源研究系列文章
· ShadowSql之开源不易
· 如何反向绘制出 .NET程序 异步方法调用栈
· 理解 C# 中的各类指针
· C#多线程编程精要:从用户线程到线程池的效能进化论
点击右上角即可分享
微信分享提示