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

在Internet Explorer中,我可以使用clipboardData对象来访问剪贴板.我怎样才能在FireFox,Safari和/或Chrome中执行此操作？

出于安全考虑,Firefox不允许您在剪贴板上放置文本.但是,可以使用Flash进行解决方案.

function copyIntoClipboard(text) {

    var flashId = 'flashId-HKxmj5';

    /* Replace this with your clipboard.swf location */
    var clipboardSWF = 'http://appengine.bravo9.com/copy-into-clipboard/clipboard.swf';

    if(!document.getElementById(flashId)) {
        var div = document.createElement('div');
        div.id = flashId;
        document.body.appendChild(div);
    }
    document.getElementById(flashId).innerHTML = '';
    var content = '';
    document.getElementById(flashId).innerHTML = content;
}

唯一的缺点是这需要启用Flash.

来源目前已经死亡:http://bravo9.com/journal/copying-text-into-the-clipboard-with-javascript-in-firefox-safari-ie-opera-292559a2-cc6c-4ebf-9724-d23e8bc5ad8a/(这是谷歌缓存)

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

document.execCommand('copy');

这将复制当前选定的文本.您可以使用选择textArea或输入字段

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

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

出于安全原因,浏览器只允许您在用户采取某种操作(即单击按钮)时进行复制.一种方法是将onClick事件添加到调用复制文本的方法的html按钮.

一个完整的例子看起来像

function copier(){
  document.getElementById('myText').select();
  document.execCommand('copy');
}

Copy Button

function copyStringToClipboard (string) {
    function handler (event){
        event.clipboardData.setData('text/plain', string);
        event.preventDefault();
        document.removeEventListener('copy', handler, true);
    }

    document.addEventListener('copy', handler, true);
    document.execCommand('copy');
}