cic-staff-client/src/app/_helpers/clipboard-copy.ts

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.classList.add('clipboard');

  // check and see if the user had a text selection range
  let currentRange: Range | boolean;
  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
};