JS 实现点击复制

半塘潮汐

已于 2022-04-26 18:01:40 修改

阅读量690

点赞数

CC 4.0 BY-SA版权

分类专栏：笔记文章标签： javascript

于 2022-04-26 17:50:25 首次发布

本文链接：https://blog.csdn.net/qq_41340792/article/details/124433335

笔记专栏收录该内容

45 篇文章

订阅专栏

<script src="https://cdn.bootcdn.net/ajax/libs/clipboard.js/2.0.6/clipboard.js"></script>
<span class="orderIdTxt" id="orderId" >要复制的内容 类名与复制按钮的data-clipboard-target要相同</span>
<button class="copyEvent"  data-clipboard-action='copy' data-clipboard-target=".orderIdTxt">复制</button>
<script>
var clipBoard = new ClipboardJS('.copyEvent', {
  text: function(trigger) {
    return '{$order_number}'; // 返回需要复制的内容
  }
});
clipBoard.on("success", function(e){
    console.log("複製成功");
})
clipBoard.on("error", function(e){
    console.log("复制失败",e);
})
</script>