How to copy text from a div to clipboard

by

I tried the solution proposed above. But it was not cross-browser enough. I really needed ie11 to work.
After trying I got to:

    <html>
        <body>
            <div id="a" onclick="copyDivToClipboard()"> Click to copy </div>
            <script>
                function copyDivToClipboard() {
                    var range = document.createRange();
                    range.selectNode(document.getElementById("a"));
                    window.getSelection().removeAllRanges(); // clear current selection
                    window.getSelection().addRange(range); // to select text
                    document.execCommand("copy");
                    window.getSelection().removeAllRanges();// to deselect
                }
            </script>
        </body>
    </html>

Tested with firefox 64, Chrome 71, Opera 57, ie11(11.472.17134.0), edge( EdgeHTML 17.17134)

Update March 27th, 2019.

For some reason document.createRange() didn’t work before with ie11. But now properly returns a Range object. So is better to use that, rather than document.getSelection().getRangeAt(0).

More Related Contents:

  1. javascript: hiding contents of key
  2. Need Pattern for password field?
  3. How to add class to div based on radio button selected in it?
  4. jQuery Ajax POST example with PHP
  5. Trigger a keypress/keydown/keyup event in JS/jQuery?
  6. Using jQuery’s ajax method to retrieve images as a blob
  7. Why does javascript replace only first instance when using replace? [duplicate]
  8. How to import jquery using ES6 syntax?
  9. How to get a style attribute from a CSS class by javascript/jQuery?
  10. Submit multiple forms with one submit button
  11. How to load all the images from one of my folder into my web page, using Jquery/Javascript
  12. How do I edit a CSS variable using JS?
  13. Add content to a new open window
  14. jQuery access input hidden value
  15. How to exclude weekends between two dates using Moment.js
  16. Catching 302 FOUND in JavaScript
  17. How to display pie chart data values of each slice in chart.js
  18. How to convert milliseconds into a readable date?
  19. Perform curl request in javascript?
  20. JQuery $.ajax() post – data in a java servlet
  21. Iterating a JavaScript object’s properties using jQuery
  22. collapse and expand tabs jquery / simple accordion
  23. How to get an element by its href in jquery?
  24. How to negate code in “if” statement block in JavaScript -JQuery like ‘if not then..’
  25. Keep tabbing within modal pane only
  26. jQuery $.ajax(), pass success data into separate function
  27. Why does the jQuery JSON parser need double escaping for backslashes?
  28. jQuery InnerText not including sub element
  29. Looping through Markers with Google Maps API v3 Problem
  30. Grouping JSON by values

Leave a Comment