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

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

其他方法将纯文本复制到剪贴板。要复制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();

我喜欢这个：

<input onclick="this.select();" type='text' value='copy me' />

如果用户不知道如何在操作系统中复制文本，那么他们很可能也不知道如何粘贴。因此，只需自动选择它，剩下的留给用户。

我把我认为最好的东西放在一起了。

使用cssText避免Internet Explorer中的异常，而不是直接使用样式。如果有选择，则恢复选择设置为只读，以便移动设备上不会出现键盘有一个适用于iOS的解决方案，因此它实际上可以像通常阻止execCommand一样工作。

这里是：

const copyToClipboard = (function initClipboardText() {
  const textarea = document.createElement('textarea');

  // Move it off-screen.
  textarea.style.cssText = 'position: absolute; left: -99999em';

  // Set to readonly to prevent mobile devices opening a keyboard when
  // text is .select()'ed.
  textarea.setAttribute('readonly', true);

  document.body.appendChild(textarea);

  return function setClipboardText(text) {
    textarea.value = text;

    // Check if there is any content selected previously.
    const selected = document.getSelection().rangeCount > 0 ?
      document.getSelection().getRangeAt(0) : false;

    // iOS Safari blocks programmatic execCommand copying normally, without this hack.
    // https://stackoverflow.com/questions/34045777/copy-to-clipboard-using-javascript-in-ios
    if (navigator.userAgent.match(/ipad|ipod|iphone/i)) {
      const editable = textarea.contentEditable;
      textarea.contentEditable = true;
      const range = document.createRange();
      range.selectNodeContents(textarea);
      const sel = window.getSelection();
      sel.removeAllRanges();
      sel.addRange(range);
      textarea.setSelectionRange(0, 999999);
      textarea.contentEditable = editable;
    }
    else {
      textarea.select();
    }

    try {
      const result = document.execCommand('copy');

      // Restore previous selection.
      if (selected) {
        document.getSelection().removeAllRanges();
        document.getSelection().addRange(selected);
      }

      return result;
    }
    catch (err) {
      console.error(err);
      return false;
    }
  };
})();

用法：复制到剪贴板（“部分文本”）

将HTML输入中的文本复制到剪贴板：

函数myFunction（）{/*获取文本字段*/var copyText=document.getElementById（“myInput”）；/*选择文本字段*/copyText.select（）；/*复制文本字段中的文本*/document.execCommand（“复制”）；/*提醒复制的文本*/alert（“Copied the text:”+copyText.value）；}<!-- 文本字段--><input type=“text”value=“Hello Friend”id=“myInput”><!-- 用于复制文本-->的按钮<button onclick=“myFunction（）”>复制文本</button>

注意：在Internet Explorer 9和更早版本中不支持document.execCommand（）方法。

来源：W3Schools-将文本复制到剪贴板

我用过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/.