利用剪切复制插件，实现移动端复制功能

 

插件下载地址:

链接：https://pan.baidu.com/s/1I7N7fwfdGcXyezw4xA8dEQ
提取码：jw61

 

 

HTML结构：

<button className="pop-btn" id="copyBtn" data-clipboard-action="copy" data-clipboard-text="需要复制的内容"></button>

 

标签格式不能变，否则无法触发复制功能

JS代码：

conponentDidMount(){

/**事件绑定，复制成功会输出日志，复制失败或提示用户*/

let clipboard = new ClipboardJS('#copyBtn');

clipboard.on('success', function (e) {

    console.log("复制成功！");

});

clipboard.on('error', function (e) {

    console.log("对不起，您的浏览器暂不支持一键复制功能！");

});

}