js 复制文本方法

使用JavaScript实现高效文本复制功能

最新推荐文章于 2024-07-15 23:23:20 发布

原创最新推荐文章于 2024-07-15 23:23:20 发布 · 634 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

38 篇文章

订阅专栏

这段代码展示了如何使用JavaScript创建一个输入元素，设置其值为要复制的文本，选中该文本，然后执行浏览器的复制命令。这种方法成功后会显示'复制成功'的消息，并在完成复制后移除输入元素。

复制文本方法：

copy(text) {
  const oInput = document.createElement('input');
  oInput.value = text;
  document.body.appendChild(oInput);
  oInput.select(); // 选择对象;
  document.execCommand('Copy'); // 执行浏览器复制命令
  this.$message.success('复制成功');
  oInput.remove();
},