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

js copy input value to clipboard

Add Answer

Black Batfish answered on July 16, 2021 Popularity 9/10 Helpfulness 9/10

answer js copy input value to clipboard

related copy text to clipboard javascript without input

related javascript copy value to clipboard

related javascript copy input value to clipboard on click

related javascript copy input value to clipboard

related javascript copy input value to clipboard on click

related copy text input javascript

js copy input value to clipboard

Comment

<input type="text" placeholder="Create Password" id="text" readonly>
<script>
  function copyPassword(){
    var copyText = document.getElementById('text')
    copyText.select()
    copyText.setSelectionRange(0, 999)
    document.execCommand("copy")
    console.log(copyText);
  }
</script>

Popularity 9/10 Helpfulness 9/10 Language html

Source: Grepper

Tags: clipboard copy html input

Link to this answer
Share Copy Link

Contributed on Sep 18 2022

Black Batfish

0 Answers Avg Quality 2/10

Closely Related Answers

copy text to clipboard javascript without input

Comment

navigator.clipboard.writeText('the text')

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: clipboard clip

Link to this answer
Share Copy Link

Contributed on Jul 16 2021

Clumsy Cicada

0 Answers Avg Quality 2/10

javascript copy value to clipboard

Comment

function fallbackCopyTextToClipboard(text) {
  var textArea = document.createElement("textarea");
  textArea.value = text;
  
  // Avoid scrolling to bottom
  textArea.style.top = "0";
  textArea.style.left = "0";
  textArea.style.position = "fixed";

  document.body.appendChild(textArea);
  textArea.focus();
  textArea.select();

  try {
    var successful = document.execCommand('copy');
    var msg = successful ? 'successful' : 'unsuccessful';
    console.log('Fallback: Copying text command was ' + msg);
  } catch (err) {
    console.error('Fallback: Oops, unable to copy', err);
  }

  document.body.removeChild(textArea);
}
function copyTextToClipboard(text) {
  if (!navigator.clipboard) {
    fallbackCopyTextToClipboard(text);
    return;
  }
  navigator.clipboard.writeText(text).then(function() {
    console.log('Async: Copying to clipboard was successful!');
  }, function(err) {
    console.error('Async: Could not copy text: ', err);
  });
}

var copyBobBtn = document.querySelector('.js-copy-bob-btn'),
  copyJaneBtn = document.querySelector('.js-copy-jane-btn');

copyBobBtn.addEventListener('click', function(event) {
  copyTextToClipboard('Bob');
});


copyJaneBtn.addEventListener('click', function(event) {
  copyTextToClipboard('Jane');
});

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: stackoverflow.com

Tags: clipboard clip

Link to this answer
Share Copy Link

Contributed on Aug 18 2021

Horrible Heron

0 Answers Avg Quality 2/10

javascript copy input value to clipboard on click

Comment

dfgdfg

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: click clipboard copy input javascript

Link to this answer
Share Copy Link

Contributed on Nov 30 2021

Lovely Lion

0 Answers Avg Quality 2/10

javascript copy input value to clipboard

Comment

Thank's a lot !!! Guillermo from Argentina

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: clipboard copy input javascript

Link to this answer
Share Copy Link

Contributed on Apr 17 2022

Guille Salinas

0 Answers Avg Quality 2/10

javascript copy input value to clipboard on click

Comment

asfafadfdf

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: click clipboard copy input javascript

Link to this answer
Share Copy Link

Contributed on May 16 2022

Motionless Mongoose

0 Answers Avg Quality 2/10

copy text input javascript

Comment

const copyPassword = () => {
    let copyText = document.getElementById('password');
    copyText.select();
    document.execCommand("copy");  
};

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: copy input javascript text

Link to this answer
Share Copy Link

Contributed on Aug 15 2022

Humayan

0 Answers Avg Quality 2/10

copy text input javascript

Comment

const copyPassword = () => {

    let copyText = document.getElementById("password");

    copyText.select();
    copyText.setSelectionRange(0, 99999); 
  
    navigator.clipboard.writeText(copyText.value);
    alert(`Copied password: ${copyText.value}`);
};

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: copy input javascript text

Link to this answer
Share Copy Link

Contributed on Aug 15 2022

Humayan

0 Answers Avg Quality 2/10

js copy input value to clipboard

Contents

More Related Answers

js copy input value to clipboard

Closely Related Answers

copy text to clipboard javascript without input

javascript copy value to clipboard

javascript copy input value to clipboard on click

javascript copy input value to clipboard

javascript copy input value to clipboard on click

copy text input javascript

copy text input javascript

Grepper

Documentation

Social

Legal

Contact

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