不使用任何输入将文本复制到剪贴板

Question

刚刚在网上看到很多文章，找到了将文本复制到剪贴板的解决方案。但是每个教程都会用输入示例进行解释。

  function GeeksForGeeks() {
            var copyGfGText = document.getElementById("GfGInput");
            copyGfGText.select();

            document.execCommand("copy");

            alert("Copied the text: " + copyGfGText.value);
          }

  <input type="text" value="GeeksForGeeks" id="GfGInput">

         <!-- The button used to copy the text -->
         <button onclick="GeeksForGeeks()">Copy text</button>

但我只需要复制一个简单的文本。有没有办法将简单的字符串从变量复制到剪贴板？例如`

let text = "copy this text to the clipboard";

Answer 1

你应该可以用 document.createElement(); 这样做；

function CopyMe(TextToCopy) {
  var TempText = document.createElement("input");
  TempText.value = TextToCopy;
  document.body.appendChild(TempText);
  TempText.select();
  
  document.execCommand("copy");
  document.body.removeChild(TempText);
  
  alert("Copied the text: " + TempText.value);
}

<button onclick="CopyMe('The text here will be copied')">Copy text</button>

让我知道这有什么帮助。

Answer 2

看来目前的解决方案只需要使用 “navigator.clipboard”也适用于当前的 EDGE。

 navigator.clipboard.writeText('my text to be written to the clipboard ...')
                                                .then(() => { alert('Copy successful'); })
                                                .catch((error) => { alert(`Copy failed! ${error}`); });

https://developer.mozilla.org/en-US/docs/Web/API/Clipboard/write

不使用任何输入将文本复制到剪贴板

Copy the text to the Clipboard without using any input

html

javascript

clipboard