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 @   摩诘  阅读(808)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示