How do I copy to the clipboard in JavaScript?

Posted by Editorial Staff | Updated on January 5, 2020

Answer: Use the following JavaScript code to copy to the clipboard in JavaScript. Create a file and add the following JavaScript code before HEAD tag closed.

var copyTextareaBtn = document.querySelector('.js-textareacopybtn');

copyTextareaBtn.addEventListener('click', function(event) {

var copyTextarea = document.querySelector('.js-copytextarea');

copyTextarea.focus();

copyTextarea.select();

try {

var successful = document.execCommand('copy');

var msg = successful ? 'successful' : 'unsuccessful';

console.log('Copying text command was ' + msg);

} catch (err) {

console.log('Oops, unable to copy');

}

});

Now add the following code inside BODY tag:

<p>

<button class="js-textareacopybtn" style="vertical-align:top;">Copy Textarea</button>

<textarea class="js-copytextarea">Hello I'm some text</textarea>

</p>

If you like this question & answer and want to contribute, then write your question & answer and email to freewebmentor[@]gmail.com. Your question and answer will appear on FreeWebMentor.com and help other developers.

How do I copy to the clipboard in JavaScript?

Related Questions & Answers

Solved Programs