前端 JS实现点击文本 实现复制文本

需求背景：表格当中，某一列实现点击就复制当前文本点击文本复制当前内容

HTML部分：

<a onClick={()=>this.copy('自定义复制的文本')} title="点击复制" style={{textDecoration:'underline'}}>{'自定义复制的文本'}</a>

其中CSS样式 textDecoration:'underline' 给文字添加下划线

JS部分：

copy=(text:any)=>{
  const input = document.createElement('input')
  input.value = text // 设置复制内容
  document.body.appendChild(input) // 添加临时实例
  input.select() // 选择实例内容
  document.execCommand('Copy') // 执行复制
  document.body.removeChild(input) // 删除临时实例
  console.log('复制成功！')//可以加一个友好提示给用户
}