欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

原生js 复制内容到剪切板

程序员文章站 2023-11-21 23:01:04
代码: ......

 代码:

function copyhandle(){
  let copy = (e)=>{
      e.preventdefault()
      e.clipboarddata.setdata('text/plain',page)
      this.$message.success('复制成功')
      document.removeeventlistener('copy',copy)
  }
  document.addeventlistener('copy',copy)
  document.execcommand("copy");
}
1. document.execcommand("copy") 触发复制监听事件
2. e.clipboarddata.setdata 将内容添加到剪切板
3. 复制完成后,取消监听事件,否则会触发多次