Breaking News: Grepper is joining You.com. Read the official announcement!

how to enable click copy function using js

JDBC answered on June 25, 2020 Popularity 9/10 Helpfulness 4/10

answer how to enable click copy function using js

related javascript click to copy

how to enable click copy function using js

Comment

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');
  }
});

////html code below
<p>
  <button class="js-textareacopybtn" style="vertical-align:top;">Copy Textarea</button>
  <textarea class="js-copytextarea">Hello I'm some text</textarea>
</p>

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: click copy function javascript using

Link to this answer
Share Copy Link

Contributed on Jun 25 2020

JDBC

0 Answers Avg Quality 2/10

Closely Related Answers

javascript click to copy

Comment

function copyToClipboard(value) {
  navigator.clipboard.writeText(value)
}

Popularity 10/10 Helpfulness 9/10 Language javascript

Source: stackoverflow.com

Tags: click clic

Link to this answer
Share Copy Link

Contributed on Aug 12 2021

Payer of the Iron Price

0 Answers Avg Quality 2/10

how to enable click copy function using js

Contents

More Related Answers

how to enable click copy function using js

Closely Related Answers

javascript click to copy

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.