clipboard复制功能，实现静态复制和动态复制

引入jQuery和clipboard文件

静态复制

复制微信号并添加

    var btns = document.querySelectorAll('#copy2');

        var clipboard = new ClipboardJS(btns);

        clipboard.on('success', function(e) {

            console.log(e);

        });

        clipboard.on('error', function(e) {

            console.log(e);

        });

动态复制

//copyTarget用来盛放要复制的内容

//循环列表里进行复制

                        

                            

                                {{codeitem.code}}复制

                            

                        

   

 //请求后台返回内容后进行复制

     

复制链接

 

    //复制功能    

    var clipboard = new ClipboardJS('.copy',{ 

        target: function(e) {

            var param = $(e).data("param");

            if(param=='link'){//复制链接

                getCopyData($(this));

            }else{//复制阅读码

                $("#copyTarget").text(param); 

            }            

            return document.querySelector('#copyTarget'); //复制标签文本

        }

    });

    clipboard.on('success', function(e) {

        alert('复制账号信息成功');

        console.log(e);

    });

    clipboard.on('error', function(e) {

        console.log(e);

    });

    function getCopyData(param){        

        //请求后台获取连接        

        $("#copyTarget").text('1111'); 

    }