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 vote163 views1 answer
Meta http-equiv x-ua-compatible
Html
0 vote157 views1 answer
Tailwind resize none
Html
0 vote176 views1 answer
Vue call method in html
Html
9 votes151 views2 answers
Text -center bootstrape
Html
1 vote163 views2 answers
Add icon website
Html
1 vote145 views1 answer
Easyui datagrid tabs
Html
8 votes156 views1 answer
Html date min max
Html
1 vote171 views3 answers
Html heading tag
Html
0 vote142 views2 answers
<!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>This is a Heading</h1> <p>This is a paragraph.</p> </body> </html>
Html
2 votes172 views1 answer
How can i make that user cant input sonething textbx
Html