我最近写了一篇关于这个问题的技术博客文章（我在Lucidhart工作，最近我们在剪贴板上做了一次彻底的修改）。

将纯文本复制到剪贴板相对简单，假设您尝试在系统复制事件期间执行此操作（用户按下Ctrl+C或使用浏览器菜单）。

var isIe = (navigator.userAgent.toLowerCase().indexOf("msie")    != -1 ||
            navigator.userAgent.toLowerCase().indexOf("trident") != -1);

document.addEventListener('copy', function(e) {
    var textToPutOnClipboard = "This is some text";
    if (isIe) {
        window.clipboardData.setData('Text', textToPutOnClipboard);
    } else {
        e.clipboardData.setData('text/plain', textToPutOnClipboard);
    }
    e.preventDefault();
});

不在系统复制事件期间将文本放到剪贴板上要困难得多。看起来这些其他答案中的一些引用了通过Flash实现的方法，这是唯一的跨浏览器方式（据我所知）。

除此之外，还有一些基于浏览器的选项。

这是Internet Explorer中最简单的，您可以通过以下方式随时从JavaScript访问clipboardData对象：

window.clipboardData

（当您尝试在系统剪切、复制或粘贴事件之外执行此操作时，Internet Explorer将提示用户授予web应用程序剪贴板权限。）

在Chrome中，您可以创建一个Chrome扩展，它将为您提供剪贴板权限（这是我们为Lucidchart所做的）。然后，对于安装了扩展的用户，您只需要自己触发系统事件：

document.execCommand('copy');

看起来Firefox有一些选项，允许用户授予某些站点访问剪贴板的权限，但我没有亲自尝试过这些选项。

通过使用最新的剪贴板API和用户交互，这可以直接实现：

copy.addEventListener（“pointerdown”，（）=>navigator.cclipboard.writeText（“Hello World！”））<button id=“copy”>复制Hello World</按钮>

我的错。这仅适用于Internet Explorer。

这里还有另一种复制文本的方法：

<p>
    <a onclick="window.clipboardData.setData('text', document.getElementById('Test').innerText);">Copy</a>
</p>

我用过clipboard.js。

我们可以在npm上获得：

npm install clipboard --save

还有Bower

bower install clipboard --save

新ClipboardJS（“#btn1”）；document.querySelector（“#btn2”）.addEventListener（“click”，（）=>document.querySelector（“#btn1”）.dataset.clipboardText=Math.random（））；<script src=“https://cdn.jsdelivr.net/npm/clipboard@2.0.8/dist/cclipboard.min.js“></script><button id=“btn1”数据剪贴板text=“要复制的文本位于此处”>复制到剪贴板</按钮><button id=“btn2”>单击此处更改数据剪贴板文本</button><br/><br/><input type=“text”placeholder=“粘贴到此处查看剪贴板”/>

更多用法和示例请访问https://zenorocha.github.io/clipboard.js/.

该代码于2021 5月测试。在Chrome、IE和Edge上工作下面的message参数是要复制的字符串值。

<script type="text/javascript">
    function copyToClipboard(message) {
        var textArea = document.createElement("textarea");
        textArea.value = message;
        textArea.style.opacity = "0"; 
        document.body.appendChild(textArea);
        textArea.focus();
        textArea.select();


        try {
            var successful = document.execCommand('copy');
            var msg = successful ? 'successful' : 'unsuccessful';
            alert('Copying text command was ' + msg);
        } catch (err) {
            alert('Unable to copy value , error : ' + err.message);
        }

        document.body.removeChild(textArea);
    }

</script>

其他方法将纯文本复制到剪贴板。要复制HTML（即，可以将结果粘贴到所见即所得编辑器中），只能在Internet Explorer中执行以下操作。这与其他方法有根本不同，因为浏览器实际上可以直观地选择内容。

// Create an editable DIV and append the HTML content you want copied
var editableDiv = document.createElement("div");
with (editableDiv) {
    contentEditable = true;
}
editableDiv.appendChild(someContentElement);

// Select the editable content and copy it to the clipboard
var r = document.body.createTextRange();
r.moveToElementText(editableDiv);
r.select();
r.execCommand("Copy");

// Deselect, so the browser doesn't leave the element visibly selected
r.moveToElementText(someHiddenDiv);
r.select();