javascript - 复制到剪贴板隐藏元素

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

您只能在用户操作(按键、点击输入等...)时触发复制命令。

在此处查看更多信息:https://developers.google.com/web/updates/2015/04/cut-and-copy-commands?hl=en

想象一下，如果您打开一个网站，它会在您不做任何事情的情况下自动覆盖您的剪贴板，这会带来安全风险。

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

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