zeroclipboard 单个复制按钮和多个复制按钮的实现方法

最新推荐文章于 2022-07-28 16:42:14 发布

kinginblue

最新推荐文章于 2022-07-28 16:42:14 发布

阅读量2k

点赞数

分类专栏： JS-库

本文链接：https://blog.csdn.net/kinginblue/article/details/50739673

版权

JS-库专栏收录该内容

1 篇文章

订阅专栏

zeroclipboard 单个复制按钮和多个复制按钮的实现方法

使用的是zeroclipboard-2.2.0，1.x版本语法不太一样。

单个按钮代码

function copylink(id){
    var clip = new ZeroClipboard($('#' + id));
    clip.on("ready", function() {
        //alert( "ZeroClipboard SWF is ready!" );
        clip.on("aftercopy", function(event) {
            alert("该地址已经复制，你可以使用Ctrl+V 粘贴。" + event.data["text/plain"]);
        });
    });
    clip.on("error", function(event) {
        //alert('error[name="' + event.name + event.message);
        alert("复制失败，请重试");
        ZeroClipboard.destroy();
    });
}

多个按钮代码

$(".copylink").each(function(){
    var clip=null;
    clip = new ZeroClipboard($(this));
    clip.on("ready", function() {
        //alert( "ZeroClipboard SWF is ready!" );
        clip.on("aftercopy", function(event) {
        alert("该地址已经复制，你可以使用Ctrl+V 粘贴");
          });
    });
    clip.on("error", function(event) {
        //alert('error[name="' + event.name + event.message);
        alert("复制失败，请重试");
        ZeroClipboard.destroy();
    });
});