复制文本功能

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/hu_Time/article/details/100895205

首先引入clipboard.js文件
clipboard中文网地址：http://www.clipboardjs.cn/

html:

<div id='aaa'>复制的文本</div>
<button id="copy" data-clipboard-target="#aaa">复制input框中的内容</button>

js:

var clipboard = new ClipboardJS('#copy')
        // 显示用户反馈/捕获复制/剪切操作后选择的内容
        clipboard.on('success', function (e) {
            console.info('Action:', e.action)//触发的动作/如：copy,cut等
            console.info('Text:', e.text);//触发的文本
            console.info('Trigger:', e.trigger);//触发的DOm元素
            e.clearSelection();//清除选中样式（蓝色）
        })
        clipboard.on('error', function (e) {
            console.error('Action:', e.action);
            console.error('Trigger:', e.trigger);
        });
        ```