前端实现点击按钮复制链接，并且可以粘贴，百分百可用

要求：复制本网站地址可以粘贴到其他地方

如图：

 

 

解决：

引入插件：clipboard.min.js

兼容性：官方的意思是现代浏览器还是可以的，ie最低ie9；

<div class="copy">
<img src="img/link_03.png" alt="">
<p>复制链接</p>
</div>
var clipboard = new ClipboardJS(".copy", {
   text: function () {
      return window.location.href;
   }
  });
  clipboard.on("success", function (e) {
     alert("站点链接已复制成功，请粘贴！");
  });

 clipboard.on("error", function (e) {
    alert("此浏览器不支持复制功能，请更换最新版！");
 });

 

版权声明：本文为zhaozhenghao原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/zhaozhenghao/p/11990379.html