<html>
<input type="text" value="Hello world"(Can be of your choice) id="myInput"(id is the name of the text, you can change it later)
<button onclick="Hello()">Copy Text</button>
<script>
function Hello() {
var copyText = document.getElementById('myInput')
copyText.select();
document.execCommand('copy')
console.log('Copied Text')
}
</script>
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
Also works on safari!
function copyToClipboard() {
var copyText = document.getElementById("share-link");
copyText.select();
copyText.setSelectionRange(0, 99999);
document.execCommand("copy");
}
const el = document.createElement('textarea');
el.value = str; //str is your string to copy
document.body.appendChild(el);
el.select();
document.execCommand('copy'); // Copy command
document.body.removeChild(el);
// promise is returned for outcome;
// might require browser permissions;
// prefer this API as "execCommand" is deprecated
navigator.clipboard.writeText("some text").then(function() {
/* clipboard successfully set */
}, function() {
/* clipboard write failed */
});
//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