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>

Answer 2

在这里，我想出了解决自己问题的方法。
HTML：

<div id="divid" onclick="copy('divid')">Division to be copied</div>

js：

function copy(i)
        {
         var range = document.createRange();
        range.selectNode(document.getElementById(i));
        window.getSelection().removeAllRanges();
        window.getSelection().addRange(range); 
        document.execCommand('copy');
}

如何复制网页中显示的带有嵌入式按钮的代码

2 个答案: