Question

我想点击一个按钮，将<div id="content">内的文字复制到剪贴板中。有没有办法使用javascript或jquery，但不使用插件。我不需要它只是在Firefox上进行跨浏览器。

$('#copy').click(function(){
   var cont = $('#content').text();
   //how to copy cont to clipboar?
});

Answer 1

工作到2012年11月左右，然后Mozilla通过更新销毁了它。现在我有一个解决方法：打开新窗口，里面要复制内容。

感谢Matthew Flaschen对DataURL的想法（https://stackoverflow.com/a/3665147/1120146）

/**
*   To use the clipboard from Mozilla / NS / Firefox:
*
*   Clipboard access works only up to Firefox 14 :-( (thanks to those security fanatics)
*
*   Solution for later versions: Window pops up with text inside (data url)
*   
*   In "about:config" : 
*       set signed.applets.codebase_principal_support = true!
*
*   @param text: The text which shold be copied to clipboard
*   @param fallbackContentType: The content type of the text, if clipboard access 
*                               doesn't work, i.e. "text/csv"
*                               default: text/plain
*/

function toClipboard(text, fallbackContentType) {
    var success = false;
    if (window.clipboardData)    {
           // the IE-manier
        window.clipboardData.setData("Text", text);
        success = true;
    }
    else if (window.netscape)  {

        if(netscape.security.PrivilegeManager != undefined) {
            netscape.security.PrivilegeManager.enablePrivilege('UniversalXPConnect');

            var clip = Components.classes['@mozilla.org/widget/clipboard;1'].getService(Components.interfaces.nsIClipboard);
            var trans = Components.classes['@mozilla.org/widget/transferable;1'].createInstance(Components.interfaces.nsITransferable);

            if(typeof(clip) == "object" && typeof(trans) == "object") {
                trans.addDataFlavor('text/unicode');

                var stingSupporter = Components.classes["@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString);

                stingSupporter.data = text;
                trans.setTransferData("text/unicode", stingSupporter, text.length * 2);
                var clipid = Components.interfaces.nsIClipboard;
                clip.setData(trans, null, clipid.kGlobalClipboard);

                success = true;
            }
        }
        else { // Firefox > v15
            // Create Data URL
            if(fallbackContentType == undefined) fallbackContentType = "text/plain";

            var url = "data:"+ fallbackContentType +"," + encodeURIComponent(text);
            window.open(url);
        }
    }
    return success;
}

Answer 2

你需要使用Flash。阅读以下答案：

How do I copy to the clipboard in JavaScript?

Answer 3

使用Zero Clipboard。这是最好的。

Answer 4

不，HTML5之前没办法了。但实现这一点甚至是棘手的。所有插件都使用闪存复制到剪贴板。您可以使用zClip http://www.steamdev.com/zclip/。

gion_13所说的内容也需要flash，因为你可以在链接所在的文章中注意到。因此，使用一个小插件复制到剪贴板是没有害处的：）

将文本复制到剪贴板，仅限Firefox，没有插件

4 个答案: