使用clipboard.js实现拷贝文本

clipboard.js拷贝文本

安装：

npm install clipboard --save

使用：

一、新建一个input，绑定id和value值；再新建一个button，data-clipboard-target赋值为要拷贝的input的id值，

<input id="foo" value="https://github.com/zenorocha/clipboard.js.git" />

<!-- Trigger -->
<button class="btn" data-clipboard-target="#foo">
  点击复制
</button>

二、引入clipboard并new一个对象，该对象可以绑定success和error方法

import ClipboardJS from 'clipboard'

const clipboard = new ClipboardJS('.btn')

clipboard.on('success', function (e) {
  console.log('success')
  console.log(e)
  // 清除选中效果
  e.clearSelection()
})

clipboard.on('error', function (e) {
  console.log('error')
  console.log(e)
})

备注：

一、clipboard要想实现拷贝功能，必须new一个对象

二、如果想截切内容，就在button上添加data-clipboard-action="cut"