clipboard.js实现点击按钮复制指定内容

最新推荐文章于 2021-10-13 15:30:05 发布

俗世凡人行

最新推荐文章于 2021-10-13 15:30:05 发布

阅读量2k

点赞数 1

分类专栏：实战兴邦 HTML

本文链接：https://blog.csdn.net/weixin_41887155/article/details/89278730

版权

实战兴邦同时被 2 个专栏收录

29 篇文章 0 订阅

订阅专栏

HTML

7 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
<script src="https://cdn.bootcss.com/clipboard.js/1.5.12/clipboard.min.js"></script>

</head>
<body>
       <div class="amount" style="position: relative;"><span id="money">￥我是100美元</span>
            <div style="position: absolute;font-size: 10px;top: 29px;left: 10%;">
            <a href="#" class="copy" id="copy" data-clipboard-text="我是100美元">复制金额</a>
            </div>
        </div>
	
</body>
</html>

<script>
 
    var clipboard = new Clipboard('.copy');
    clipboard.on('success', function (e) {
        alert("复制成功,可扫码付款时候粘贴到金额栏付款");
 
    });
    clipboard.on('error', function(e) {
        document.querySelector('.copy');
        alert("复制失败,请记住下必须付款的金额 不能多不能少否则不能成功");
    });
</script>