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

版权声明:俗世凡人行(释) QQ:748507607 https://blog.csdn.net/weixin_41887155/article/details/89278730
<!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>

猜你喜欢

转载自blog.csdn.net/weixin_41887155/article/details/89278730