clipboard.js复制成功或失败的提示咋不出现呢？

Question

<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js"></script>

<button class="button" data-clipboard-text="待复制的内容" type="button">复制</button>

<script type="text/javascript">
//实例化clipboard
var clipboard = new ClipboardJS('.button');
//提示复制成功
clipboard.on("success",function(e){
    // 复制成功
    showMessage('已成功复制','success',2000)
    e.clearSelection();
});
//提示复制失败
clipboard.on("error",function(e){
    //复制失败；
    showMessage('复制失败','error',2000)
    console.log( e.action )
});
</script>

复制功能实现了，但是复制成功或失败的提示咋不出现呢？

Answer 1

• 给你找了一篇非常好的博客，你可以看看是否有帮助，链接：使用clipboard.js实现移动端页面一键复制功能 + 弹出复制成功提示