一尘不染

使用FireFox,Safari和Chrome将文本复制/放置在剪贴板上

javascript

在Internet Explorer中,我可以使用剪贴板数据对象来访问剪贴板。如何在FireFox,Safari和/或Chrome中做到这一点?


阅读 307

收藏
2020-05-01

共1个答案

一尘不染

现在,有一种方法可以轻松地在大多数现代浏览器中使用

document.execCommand('copy');

这将复制当前选择的文本。您可以使用选择文本区域或输入字段

document.getElementById('myText').select();

要无形地复制文本,您可以快速生成一个textArea,在框中修改文本,选择它,然后复制它,然后删除textArea。在大多数情况下,此textArea甚至不会闪烁到屏幕上。

出于安全原因,仅当用户采取某种措施(例如,单击按钮)时,浏览器才允许您复制。一种方法是将onClick事件添加到html按钮,该按钮调用复制文本的方法。

一个完整的例子:

function copier(){

  document.getElementById('myText').select();

  document.execCommand('copy');

}


<button onclick="copier()">Copy</button>

<textarea id="myText">Copy me PLEASE!!!</textarea>
2020-05-01