JAVASCRIPT

JavaScript Copy to Clipboard

function copy(value) { 
	navigator.clipboard.writeText(value);
};

copy("Hello World");

copy to clipboard javascript

const copyText = (text) => {
   // clipboardData Copy what you need on the page to the clipboard
   const clipboardData = window.clipboardData;
   if (clipboardData) {
      clipboardData.clearData();
      clipboardData.setData('Text', text);
      return true;
   } else if (document.execCommand) {
      // Note that document.execCommand is deprecated but some browsers still support it. Remember to check the compatibility when using it
      // Get the content to be copied by creating a dom element
      const el = document.createElement('textarea');
      el.value = text;
      el.setAttribute('readonly', '');
      el.style.position = 'absolute';
      el.style.left = '-9999px';
      document.body.appendChild(el);
      el.select();
      // Copy the current content to the clipboard
      document.execCommand('copy');
      // delete el node
      document.body.removeChild(el);
      return true;
   }
   return false;
};
copyText('hello!'); // ctrl + v = copyText  | true

copy to clipboard using javascript

navigator.clipboard.writeText('the text')

javascript copy to clipboard

function copyToClipboard(text) {
  var input = document.body.appendChild(document.createElement("input"));
  input.value = text;
  input.focus();
  input.select();
  document.execCommand('copy');
  input.parentNode.removeChild(input);
}

javascript copy to clipboard

$(document).ready(function(){
	$("#ewefmwefmp").click(function(){
    //alert()
      var copyText = document.getElementById("myInput");
      copyText.select();
      copyText.setSelectionRange(0, 99999)
      document.execCommand("copy");
      alert("Copied the text: " + copyText.value);
    
    });
});

copy to clipboard javascript

navigator.clipboard
  .writeText("Text")
  .then(() => console.log("Copied to clipboard"))
  .catch((err) => console.log(err))

copy to clipboard using javascript

function handleCopyTextFromParagraph() {
  const cb = navigator.clipboard;
  const paragraph = document.querySelector('p');
  cb.writeText(paragraph.innerText).then(() => alert('Text copied'));
}

javascript copy value to clipboard

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

javascript copy to clipboard

//Copy the text in a html textarea or input field using javascript
//First you have to select the text and then copy it. You can do both with a single function
//So first, make a button that will call this function 'copy' onclick:
//Give your text area or input the id, eg, id='textArea'
function copy() {
  document.getElementById("textArea").select();
  document.execCommand("copy");
  alert("Text copied to clipboard"); //optional
}
//The select() method will select the text in the input area or text area.
//The execCommand("copy") will do the copying to your clipboard and you can then paste
//This will copy your text to both PC and phone clipboard using simple javascript

copy to clipboard javascript

$('.copyable').click(function (event) {
  const targetInput  = document.getElementById('copyable');
  targetInput.select();
  document.execCommand('copy');
  //navigator.clipboard.writeText(targetInput.getAttribute('data-url'));
  alert("Link Copied");
});

javascript copy to clipboard

navigator.clipboard.writeText