javascript - 如何粘贴我在剪贴板上复制的输入文本内容，按下 CSS 或 JS 按钮

Question

我在剪贴板上复制了一些内容。当我按下名为 PASTE 的按钮时，我希望将其粘贴为输入文本。我不知道如何使用 CSS 或 js 来做到这一点。

我已经尝试过这个:

 <script type="text/javascript">

function copiarAlPortapapeles(id_elemento) {
  var aux = document.createElement("input");
  aux.setAttribute("value", document.getElementById(id_elemento).innerHTML);
  document.body.appendChild(aux);
  aux.select();
  document.execCommand("copy");
  document.body.removeChild(aux);
}

</script>


<p id="p1">hola como estas</p>

<button onclick="copiarAlPortapapeles('p1')">Copiar P1</button>


<br/><br/>
<input type="text" placeholder="Pega aquí para probar" />

但它只能将内容复制到剪贴板，我找不到任何解决方案。

感谢帮助

Answer 1

如果没有直接的用户输入，您实际上无法获取剪贴板数据。有一些功能会尝试这样做，但大多数都被浏览器安全性阻止。

原因是，假设我访问了一个“糟糕”的网站。我已将信用卡号或社会保障号复制到内存中。当我所做的只是点击查看图像时，该网站在我不知情的情况下获取了这些数据。

这本质上是不安全的，在任何级别都不建议这样做。

总而言之，如果您使用插件、Flash，或者将数据从网站的一个部分移动到另一部分(例如拖放)，则有一些解决方法。但是，通过单击从应用程序或页面本身外部粘贴内容将不起作用。