js 如何实现 copy 一段文本内容
可以使用以下方法实现复制文本内容:
- 创建一个文本区域元素,并设置其样式为不可见。
<textarea id="copy-text" style="position: absolute; left: -9999px;"></textarea>
- 将要复制的文本内容赋值给文本区域元素的 value 属性。
const text = '要复制的文本内容';
const copyTextarea = document.querySelector('#copy-text');
copyTextarea.value = text;
- 选中文本区域中的文本内容。
copyTextarea.select();
- 执行复制操作。
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>
原文地址: https://www.cveoy.top/t/topic/bgcz 著作权归作者所有。请勿转载和采集!