Clipboard API

let copyTrigger = document.getElementById("copy_body_button");
let copyContent = document.querySelector("main");

copyTrigger.addEventListener("click", () => {
  // Create a new clipboard item
  const item = new ClipboardItem({
    // The clipboard item can hold multiple formats
    // In this case we're encoding the body as HTML for use with CMD+V (paste)
    "text/html": new Blob([copyContent.innerHTML], { type: "text/html" }),
    // And we're encoding a plaintext version for use with CMD+ALT+V (paste without formatting)
    "text/plain": new Blob([copyContent.innerText], { type: "text/plain" }),
  });

  // Push it to the clipboard and handle success/failure signals
  navigator.clipboard.write([item]).then(
    function () {
      console.log("Async: Copying to clipboard was successful!");
    },
    function (err) {
      console.error("Async: Could not copy text: ", err);
    }
  );
});