JS实现点击复制到剪贴板,实测兼容所有浏览器(Chrome、QQ、微信、手机自带等)

引入jquery
<script src="https://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

引入JS
<script src="https://www.love85g.com/cdn/copy/jquery.copy.min.js"></script>

使用办法
$.copy({
    imgUrl:"success-tips.png", //分享图标地址
    text:"复制成功", //分享提示文案
    copyUrl:"", //自定义复制链接地址
    tipTime:2000, //分享提示消失时间
    copyId:"#copy"//复制按钮id
});

多个同时使用
var data = [
    {
        "url":"www.baidu.com",
    },
    {
        "url":"www.qq.com",
    },
    {
        "url":"www.163.com",
    }
    ];
 $.each(data,function(i,item){
     $("body").append('<button id="copy'+i+'">复制链接</button>');
     $.copy({
         imgUrl:"success-tips.png", //分享图标地址
         text:"复制成功", //分享提示文案
         copyUrl:item.url, //自定义复制链接地址
         tipTime:2000, //分享提示消失时间
         copyId:"#copy"+i //复制按钮id
      });
});

参考:https://blog.csdn.net/cssking0/article/details/85328897

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

使用新浪微博登陆