实现前端代码复制文字内容

Holly

已于 2023-09-01 16:55:50 修改

阅读量203

点赞数

分类专栏：小tips 公共 js 文章标签：前端

于 2023-09-01 16:54:47 首次发布

本文链接：https://blog.csdn.net/qq_43687185/article/details/132627310

版权

公共同时被 3 个专栏收录

11 篇文章 0 订阅

订阅专栏

小tips

6 篇文章 0 订阅

订阅专栏

2 篇文章 0 订阅

订阅专栏

本文介绍了一个JavaScript函数copyGroupId，它通过创建textarea元素来实现文本内容的复制，保持原有样式，然后执行`document.execCommand(Copy)`来完成复制操作。

摘要由CSDN通过智能技术生成

function copyGroupId(groupId) {
  //创建一个新元素,“input”可复制成功，但是会丢失样式样式，改为textarea，可保持样式复制
  //let oInput = document.createElement("input");
  let oInput = document.createElement("textarea");
  //给新元素赋值
  oInput.value = groupId;
  //添加新元素到页面body中
  document.body.appendChild(oInput);
  //选择对象
  oInput.select();
  //对选择对象的值进行复制到浏览器中
  document.execCommand("Copy");
  // this.$message.success(groupId);
  console.log("复制成功");
  //删除新节点(重置操作)
  document.body.removeChild(oInput);
}