Skip to content

Instantly share code, notes, and snippets.

@tomkeays
Created February 21, 2018 19:41
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save tomkeays/5e33c9c438ce1ab8fc610827ebcd3f72 to your computer and use it in GitHub Desktop.
Save tomkeays/5e33c9c438ce1ab8fc610827ebcd3f72 to your computer and use it in GitHub Desktop.
Copying text to clipboard with JavaScript
const copyToClipboard = str => {
const el = document.createElement('textarea'); // Create a <textarea> element
el.value = str; // Set its value to the string that you want copied
el.setAttribute('readonly', ''); // Make it readonly to be tamper-proof
el.style.position = 'absolute';
el.style.left = '-9999px'; // Move outside the screen to make it invisible
document.body.appendChild(el); // Append the <textarea> element to the HTML document
const selected =
document.getSelection().rangeCount > 0 // Check if there is any content selected previously
? document.getSelection().getRangeAt(0) // Store selection if found
: false; // Mark as false to know no selection existed before
el.select(); // Select the <textarea> content
document.execCommand('copy'); // Copy - only works as a result of a user action (e.g. click events)
document.body.removeChild(el); // Remove the <textarea> element
if (selected) { // If a selection existed before copying
document.getSelection().removeAllRanges(); // Unselect everything on the HTML document
document.getSelection().addRange(selected); // Restore the original selection
}
};
Source: https://hackernoon.com/copying-text-to-clipboard-with-javascript-df4d4988697f
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment