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 vote120 views1 answer
Vue-date-pick
Html
4 votes105 views3 answers
Composer new laravel
Html
-3 votes108 views2 answers
Vue hide
Html
0 vote112 views1 answer
Tailwind cdn v3
Html
0 vote96 views1 answer
Watermark in html5
Html
0 vote379 views1 answer
Html pdf template
Html
0 vote114 views1 answer
Partial url example
Html
0 vote108 views1 answer
Add ruby title html erb icon
Html
1 vote98 views2 answers
Change button text css
Html
39 votes118 views6 answers
Bold html
Html