复制到剪贴板隐藏元素

Question

我试图了解为什么此代码不起作用。

我要完成的工作是将当前URL复制到剪贴板中，因此，作为一种解决方法，我尝试创建一个隐藏的输入，以便在其中传递当前位置，但是我没有运气。

这是到目前为止我尝试过的一个例子：

 var copyBtn = document.querySelector('#copy_btn'); copyBtn.addEventListener('click', function () { var input = document.createElement('input'); input.style.display = "none"; input.setAttribute('value', document.location) document.body.appendChild(input); // select the contents input.select(); document.execCommand('copy'); }, false); 

 <input id="copy_btn" type="button" value="copy"> 

Answer 1

您只能在用户操作（按键，单击输入等）上触发copy命令。

此处提供更多信息： https : //developers.google.com/web/updates/2015/04/cut-and-copy-commands?hl=zh-CN

想象一下，如果您打开一个站点，而它却不做任何事，它会自动覆盖剪贴板，将会带来安全隐患。

因此，您应该添加一个按钮“将URL复制到剪贴板”，然后在该按钮的单击处理程序中使用document.execCommand 。

LE：我刚刚发现了一个与您类似的问题，并将其标记为重复。