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

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';
        }
    });
上一篇:【JS】剪切板操作(手写复制、粘贴功能)


下一篇:小米路由器4刷机说明(openwrt-21.02.1)