html点击复制剪切板,【Html】Clipboard.js 实现点击复制，剪切板操作

可以使用cdn 或者直接下载 设置好引用路径(百度云下载)

html

点击复制

javascript

//实例化 ClipboardJS对象;

var copyBtn = new ClipboardJS('.copyBtn');

copyBtn.on("success",function(e){

// 复制成功

alert(e.text);

e.clearSelection();

});

copyBtn.on("error",function(e){

//复制失败；

console.log( e.action )

});

这里的ClipboardJS在实例化时， 如果报错：clipboard is not defined

解决办法就是如下：

new ClipboardJS(obj)

原因就是 Clipboard.JS版本是2.0及以上版本