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';
}
});