Skip to content

Instantly share code, notes, and snippets.

@codebubb
Created September 6, 2019 12:19
Show Gist options
  • Select an option

  • Save codebubb/e6ecaa76b1843520d2e9768cceb83b37 to your computer and use it in GitHub Desktop.

Select an option

Save codebubb/e6ecaa76b1843520d2e9768cceb83b37 to your computer and use it in GitHub Desktop.
Copy to clipboard in JavaScript
<input id="inputText" value="Text to copy">
<button id="copyInputText">Copy</button>
<span id="elementText">More Text to copy</span>
<button id="copyElementText">Copy</button>
<script>
const execCopy = () => {
inputText.select();
document.execCommand('copy')
};
const writeToClipboard = () => {
window.navigator.clipboard.writeText(elementText.innerText);
};
copyInputText.addEventListener('click', execCopy);
copyElementText.addEventListener('click', writeToClipboard);
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment