clipboard页面多文字复制内容代码

有时候我们需要在一个页面，多文字来复制按钮，这时候需要clipboard.min.js代码加入了。

clipboard.min.js这个文件可以去官网下载，懒人的话点击我这里直接下载使用。下载

<script src="http://www.huoermusic.com/static/clipboard.min.js"></script>


<div>
     <textarea id="textarea" style="width: 450px; height: 180px;">的点点滴滴</textarea>
</div>
 
<button class="btn" data-clipboard-action="copy" data-clipboard-target="#textarea">
   一键复制
</button>

<script>
    var clipboard = new ClipboardJS('.btn');
 
      clipboard.on('success', function (e) {
          alert("复制成功");
      });
 
      clipboard.on('error', function (e) {
        alert('复制失败!请手动复制');
      });
</script>

原文链接：https://www.um80.com/1535.htm，转载请注明出处。

赏 0