js 复制内容到剪贴板, 并且保持格式不变

我开心就好o

已于 2024-12-11 16:06:19 修改

阅读量667

点赞数 3

分类专栏：昨天不是才上过班吗?怎么今天又要上班? 文章标签： javascript 前端复制剪贴板

于 2024-08-23 15:44:50 首次发布

本文链接：https://blog.youkuaiyun.com/qq_39051175/article/details/141467674

版权

昨天不是才上过班吗?怎么今天又要上班? 专栏收录该内容

100 篇文章

订阅专栏

本文主要围绕在 JavaScript 中如何将特定内容复制到剪贴板且保持格式不变展开。给出了一个具体的函数copyTextToClipboard，该函数接收一个文本参数，利用document.createElement创建临时的文本域元素，将传入的文本赋值给该元素后，通过一系列操作实现复制功能，并在完成复制后移除临时创建的文本域元素。示例中展示了复制包含 HTML 格式的文本内容。

function copyTextToClipboard(text) {
    const textArea = document.createElement('textarea');
    textArea.value = text;
    document.body.appendChild(textArea);

    textArea.select();
    document.execCommand('copy');

    document.body.removeChild(textArea);
}

// 调用方法
copyTextToClipboard('This is some <br/> <strong>formatted</strong> text.');