html5实现多平台复制功能

1.先设置一个按钮

<button class="btn" style="width:50%;height:40px;font-size:14px;">复制客服微信号</button>

2.然后把clipboard.min.js放在当前目录,这个文件可以直接在官网下载

下载地址:https://clipboardjs.com/

3.写调用代码

<script src="clipboard.min.js"></script>
    <script>
    var clipboard = new ClipboardJS('.btn', {
        text: function() {
            return 'klbbbb1';
        }
    });

    clipboard.on('success', function(e) {
        console.log(e);
		alert("复制成功,请打开微信添加!");
    });

    clipboard.on('error', function(e) {
		alert("复制失败!");
        console.log(e);
    });
    </script>

猜你喜欢

转载自blog.csdn.net/u010590983/article/details/87872904
今日推荐