Copy text to clipboard javascript

Javascript text to clipboard

function copyToClipboard(text) {
   const elem = document.createElement('textarea');
   elem.value = text;
   document.body.appendChild(elem);
   elem.select();
   document.execCommand('copy');
   document.body.removeChild(elem);
}

Js copy text to clipboard

function copy() {
  var copyText = document.querySelector("#input");
  copyText.select();
  document.execCommand("copy");
}

document.querySelector("#copy").addEventListener("click", copy);

Copy text to clipboard javascript

//As simple as this
navigator.clipboard.writeText("Hello World");

Copy to clipboard using javascript

navigator.clipboard.writeText('the text')

Js copy to clipboard

navigator.clipboard.writeText("Hello, World!");

Copy text to clipboard javascript

<script>
function copyToClipboard(element) {
  var $temp = $("<input>");
  $("body").append($temp);
  $temp.val($(element).text()).select();
  document.execCommand("copy");
  $temp.remove();
}
</script>

<p id="text">Hello</p>
<button onclick="copyToClipboard('#text')"></button>

Similar codes

0 vote291 views1 answer
Html default file name a tag
Html
0 vote371 views1 answer
What is staging environment
Html
30 votes278 views1 answer
Fork me github code
Html
1 vote304 views1 answer
How to enable a button when a checkbox is selected in javascript
Html
0 vote270 views1 answer
Inline vuetify
Html
0 vote327 views1 answer
Signature: Generated signature does not match submitted signature.
Html
-1 vote299 views2 answers
Bootstrap js bundle
Html
4 votes290 views1 answer
HTML DOM innerText
Html
6 votes411 views2 answers
React render string as html
Html
0 vote337 views1 answer
How to align a link in a bootsrap navbar o the left
Html