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
金秋上云特惠新人专享

评论0

本站所有素材,站长均亲自测试过,可放心使用,有什么问题联系我们!18091738064(微信)
没有账号? 注册  忘记密码?

社交账号快速登录

Copyright   ©2017-2024  U码80  陕ICP备17013443号-1  

陕公网安备 61032402000158号