如何粘贴我已经复制到剪贴板上的输入文本内容,按下带有CSS或JS的按钮

时间:2017-03-28 14:43:29

标签: javascript html copy paste

我在剪贴板上复制了一些内容。当我按下名为 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" />

但它只是将内容复制到剪贴板,我找不到任何解决方法。

感谢您的帮助

1 个答案:

答案 0 :(得分:2)

如果没有直接用户输入,您实际上无法抓取剪贴板数据。有一些功能可以尝试,但大多数都被浏览器安全阻止。

原因是,让我说我去了一个“糟糕”的网站。我已将我的信用卡号码或社会安全号码复制到内存中。这个网站在我不知情的情况下抓取了这些数据,当我所做的只是点击查看图片时。

这本质上是不安全的,不会在任何级别提出建议。

总而言之,如果你使用插件,flash,或者数据正从站点的一个部分移动到另一个部分(如拖放),则有一些解决方法。通过单击从应用程序或页面本身外部粘贴内容将无法正常工作。