其他分享
首页 > 其他分享> > 公众号开发:实现一键复制功能

公众号开发:实现一键复制功能

作者:互联网

1、下载clipboard.js 插件
网上有资源,或者在本博客资源管理中找。

2、设置html中的元素文本
实例代码如下:

<a href="javascript:;" class="btn" data-clipboard-text="复制文本的内容啊啊啊">点击复制</a>

3、设置JS中的文本内容 (一)
如果在html中设置了data-clipboard-text,就可以直接调用复制。实例代码如下

var clipboard = new ClipboardJS('.btn');
    clipboard.on('success', function(e) {
        console.log(e);
    });
    clipboard.on('error', function(e) {
        console.log(e);
    });
    

4、设置JS中的内容(二)
也可以在JS中设置要复制的内容。代码如下:

var clipboard = new ClipboardJS('.btn', {
        text: function () {
            return 'to be or not to be';
        }
    });

标签:function,clipboard,text,一键,JS,公众,复制,设置
来源: https://blog.csdn.net/qq_42984040/article/details/121222862