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

1 vote284 views2 answers
Change htmlwebpackplugin.options.title
Html
0 vote209 views1 answer
Favicon text/html / Redirect uses bandwith
Html
3 votes212 views2 answers
Twig set variable
Html
123 votes259 views4 answers
Opem link in new tab html
Html
57 votes445 views6 answers
How to remove underline from link
Html
2 votes209 views4 answers
Tailwind CSS buttons
Html
0 vote184 views1 answer
Bootstrap vertical hr
Html
0 vote186 views1 answer
Watermark in html5
Html
0 vote195 views1 answer
Ordered list html mdn
Html
0 vote202 views1 answer
Tailwind CSS notification toast
Html