复制粘贴插件clipboard.js的使用

今天想在页面上做一个点击复制内容的功能

引入文件

<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.0/clipboard.min.js"></script>

HTMl页面

<div id="zoomtext" >复制内容</div>
<button id="copy" data-clipboard-target="#zoomtext">点击复制</button>
<script type="text/javascript">
var clipboard = new ClipboardJS('#copy');
clipboard.on('success', function(e) {
    console.info('Action:', e.action);
    console.info('Text:', e.text);
    console.info('Trigger:', e.trigger);
    e.clearSelection();
});
clipboard.on('error', function(e) {
    console.error('Action:', e.action);
    console.error('Trigger:', e.trigger);
});
</script>

这样就OK！