是否可以使用 Javascript 复制到剪贴板？

Question

我正在开发一个 sharepoint webpart，它有一个按钮，可以从同一页面上的不同文本框中拉取元素，并将它们整理成一个字符串，然后复制到用户的剪贴板，以便他们可以快速地将某个问题的通信放在一起。到目前为止，我有以下代码，但实际上并没有复制任何内容。我已经通过 JSHint 运行了它，但没有发现任何问题，但是我在函数底部找到了代码，用于从关于如何与剪贴板 API 交互的教程中复制文本以从文本框中复制文本，因此为什么我将所有内容添加到 smsToSend 文本区域。给人们的注意是，如果有一个全新的问题并且以前没有发出过，那么事件更新总是“我们正在调查这个问题”function generateSMS(){ var issueTitle = document.getElementById("incidentTitle"); var advisorImpact = document.getElementById("advisorImpact"); var incidentUpdate = document.getElementById("incidentUpdate"); var incidentStatus = document.getElementById("incidentState"); var startTime = document.getElementById("startTime"); var endTime = document.getElementById("endTime"); var smsToSend = document.createElement('textarea'); var incidentPriority = document.getElementById("incidentPriority"); var incidentBrand = "TechTeams"; var systemImpacted = document.getElementById("systemImpacted"); var incidentReference = document.getElementById("incidentReference"); if (incidentStatus != "Closed"){     if (incidentUpdate == "We are investigating this issue"){         smsToSend = "P" + incidentPriority + " " + incidentBrand + "IT ISSUE: " + systemImpacted + ": " + issueTitle + ". " + advisorImpact + ": " + incidentReference;     }     else {         smsToSend = "P" + incidentPriority + " " + incidentBrand + "IT UPDATE: " + systemImpacted + ": " + incidentUpdate + ": " + incidentReference;     } } else{     smsToSend = "P" + incidentPriority + " " + incidentBrand + "IT RESOLVED: " + systemImpacted + ": " + incidentUpdate + ": Start: " + startTime + " End: " + endTime + " Reference: " + incidentReference; } smsToSend.setAttribute('readonly','');  smsToSend.style = {position: 'absolute', left: '-9999px'};  document.body.appendChild(smsToSend);  smsToSend.select();  document.execCommand('copy');  document.body.removeChild(smsToSend);}

Answer 1

您可以使用 js 轻松复制到剪贴板，如下所示：

function CopyToClipboard(text) {

    /* Get the text field */

    var copyText = document.getElementById("elementId").textContent; //here you get the text

    var dummy = $('<textarea>').val(copyText).appendTo('body').select();

    document.execCommand('copy');//here the text gets copyed

    alert("Text copyed to clipboard!");

    $(dummy).remove();// here you remove the dummy that has been created previously

}