将默认值复制到剪贴板

Question

我想将默认值复制到剪贴板，而不使用输入。 那是我的 function 有问题，但我不知道它是什么。

 var copyText = "Default value"; const showText = document.querySelector(".copied"); const copyMeOnClipboard = () => { copyText; document.execCommand("copy") showText.innerHTML = `Copied.` setTimeout(() => { showText,innerHTML = "" }, 1000) }

 <button class="submitBtn" onclick="copyMeOnClipboard();">Copy link</button> <p class="copied"></p>

Answer 1

从 MDN的execCommand页面中，强调了：

将当前选择复制到剪贴板。 启用此行为的条件因浏览器而异，并且随着时间的推移而演变。

您将希望使用剪贴板 API 的writeText ，如下所示：

 var copyText = "Default value"; const showText = document.querySelector(".copied"); const copyMeOnClipboard = () => { navigator.clipboard.writeText(copyText).then(() => { showText.innerHTML = `Copied.` setTimeout(() => { showText,innerHTML = "" }, 1000) }) }

 <button class="submitBtn" onclick="copyMeOnClipboard();">Copy</button> <p class="copied"></p>