55 lines
1.6 KiB
TypeScript
55 lines
1.6 KiB
TypeScript
|
function copyToClipboard(text: any): boolean {
|
||
|
// create our hidden div element
|
||
|
const hiddenCopy = document.createElement('div');
|
||
|
// set the innerHTML of the div
|
||
|
hiddenCopy.innerHTML = text;
|
||
|
// set the position to be absolute and off the screen
|
||
|
hiddenCopy.style.position = 'absolute';
|
||
|
hiddenCopy.style.left = '-9999px';
|
||
|
|
||
|
// check and see if the user had a text selection range
|
||
|
let currentRange;
|
||
|
if (document.getSelection().rangeCount > 0) {
|
||
|
// the user has a text selection range, store it
|
||
|
currentRange = document.getSelection().getRangeAt(0);
|
||
|
// remove the current selection
|
||
|
window.getSelection().removeRange(currentRange);
|
||
|
} else {
|
||
|
// they didn't have anything selected
|
||
|
currentRange = false;
|
||
|
}
|
||
|
|
||
|
// append the div to the body
|
||
|
document.body.appendChild(hiddenCopy);
|
||
|
// create a selection range
|
||
|
const copyRange = document.createRange();
|
||
|
// set the copy range to be the hidden div
|
||
|
copyRange.selectNode(hiddenCopy);
|
||
|
// add the copy range
|
||
|
window.getSelection().addRange(copyRange);
|
||
|
|
||
|
// since not all browsers support this, use a try block
|
||
|
try {
|
||
|
// copy the text
|
||
|
document.execCommand('copy');
|
||
|
} catch (err) {
|
||
|
window.alert('Your Browser Doesn\'t support this! Error : ' + err);
|
||
|
return false;
|
||
|
}
|
||
|
// remove the selection range (Chrome throws a warning if we don't.)
|
||
|
window.getSelection().removeRange(copyRange);
|
||
|
// remove the hidden div
|
||
|
document.body.removeChild(hiddenCopy);
|
||
|
|
||
|
// return the old selection range
|
||
|
if (currentRange) {
|
||
|
window.getSelection().addRange(currentRange);
|
||
|
}
|
||
|
|
||
|
return true;
|
||
|
}
|
||
|
|
||
|
export {
|
||
|
copyToClipboard
|
||
|
};
|