可以使用以下方法实现复制文本内容:

  1. 创建一个文本区域元素,并设置其样式为不可见。
<textarea id="copy-text" style="position: absolute; left: -9999px;"></textarea>
  1. 将要复制的文本内容赋值给文本区域元素的 value 属性。
const text = '要复制的文本内容';
const copyTextarea = document.querySelector('#copy-text');
copyTextarea.value = text;
  1. 选中文本区域中的文本内容。
copyTextarea.select();
  1. 执行复制操作。
document.execCommand('copy');

完整代码如下:

<button id="copy-btn">复制文本内容</button>
<textarea id="copy-text" style="position: absolute; left: -9999px;"></textarea>
<script>
  const copyBtn = document.querySelector('#copy-btn');
  const copyTextarea = document.querySelector('#copy-text');
  const text = '要复制的文本内容';

  copyBtn.addEventListener('click', () => {
    copyTextarea.value = text;
    copyTextarea.select();
    document.execCommand('copy');
  });
</script>
js 如何实现 copy 一段文本内容

原文地址: https://www.cveoy.top/t/topic/bgcz 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录