Copy / Put text on the clipboard with FireFox, Safari and Chrome

by

For security reasons, Firefox doesn’t allow you to place text on the clipboard. However, there is a workaround available using 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="<embed src="" +
        clipboardSWF +
        '" FlashVars="clipboard=' + encodeURIComponent(text) +
        '" width="0" height="0" type="application/x-shockwave-flash"></embed>';
    document.getElementById(flashId).innerHTML = content;
}

The only disadvantage is that this requires Flash to be enabled.

The source is currently dead: http://bravo9.com/journal/copying-text-into-the-clipboard-with-javascript-in-firefox-safari-ie-opera-292559a2-cc6c-4ebf-9724-d23e8bc5ad8a/ (and so is its Google cache)

More Related Contents:

  1. How can I tell if a DOM element is visible in the current viewport?
  2. Parse an HTML string with JS
  3. For loop for HTMLCollection elements
  4. When should I use jQuery’s document.ready function?
  5. Difference between HTMLCollection, NodeLists, and arrays of objects
  6. How to show Page Loading div until the page has finished loading?
  7. How to check in Javascript if one element is contained within another
  8. Retrieving the text of the selected in element
  9. Why doesn’t nodelist have forEach?
  10. Pass mouse events through absolutely-positioned element
  11. How can I add a class to a DOM element in JavaScript?
  12. getAttribute() versus Element object properties?
  13. How to get the HTML for a DOM element in javascript
  14. How to check if element has any children in Javascript?
  15. JavaScript DOMParser access innerHTML and other properties
  16. jQuery count child elements
  17. Adding images to an HTML document with JavaScript
  18. Forcing a DOM refresh in Internet explorer after javascript dom manipulation
  19. Do I need to remove event listeners before removing elements?
  20. Why does document.querySelectorAll return a StaticNodeList rather than a real Array?
  21. Override default behaviour for link (‘a’) objects in Javascript
  22. What is the difference between Window and window?
  23. How to get the title of HTML page with JavaScript?
  24. document.createElement(‘script’)… adding two scripts with one callback
  25. Alternative to DOMNodeInserted
  26. How browser executes Javascript and renders asynchronously
  27. JavaScript: get the current executing node? [duplicate]
  28. How do I find the DOM node that is at a given (X,Y) position? (Hit test)
  29. Dynamically generated table – using an array to fill in TD values
  30. Why is iframe.contentWindow == null?

Leave a Comment