使用 ClipBoard.js 复制

1. 引入 ClipBoard.js
   官方地址： https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.0/clipboard.min.js
   
2. 创建一个 ClipboardJS 的实例

<script type="text/javascript">
    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);
    });
</script>

3. 使用

<!--案例一：从另一元素复制文本：通过data-clipboard-target在触发器中添加属性来实现-->
<div id='RT'>这是要复制的文本</div>
<!-- 这里通过id选择器选中元素 -->
<button id="copy" data-clipboard-target="#RT">复制</button>