javascript - 如何复制我的网页中显示的代码并嵌入其中的按钮

Question

function copy() {
    var x= document.getElementById("content");
    x.select();
    document.execCommand('copy');  
    window.getSelection().removeAllRanges();
}

这是我用来选择和复制输入内容的js代码。

如果我想在网页上添加一个按钮来选择某个 div 并将显示的代码复制到剪贴板中，该怎么办。

Answer 1

尝试仅使用虚拟输入法:

function copy() {      
  const text = document.getElementById("copyDiv").innerText;
  const elem = document.createElement("input");
  document.body.appendChild(elem);
  elem.value = text;
  elem.select();
  document.execCommand("copy");
  document.body.removeChild(elem);
  document.write("Copied to clipboard!");
}

<div id="copyDiv">Text to be copied</div>
<button onclick="copy()">Copy text</button>