n1k0/copy-to-clipboard.html

## copy-to-clipboard.html
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>copy to clipboard for chrome and firefox</title>
  </head>
  <body>
    <button>copy</button>
    <script>
    function toClipoard(text) {
      if ("clipboard" in navigator && typeof navigator.clipboard.writeText === "function") {
        // Chrome
        return navigator.clipboard.writeText(text)
          .then(() => true)
          .catch(() => false);
      } else {
        // Firefox
        const input = document.createElement("input");
        input.value = text;
        input.style.position = "fixed";
        input.style.top = "-2000px";
        document.body.appendChild(input);
        input.select();
        try {
          return Promise.resolve(document.execCommand("copy"))
            .then(res => {
              document.body.removeChild(input);
              return res;
            });
        } catch (err) {
          return Promise.resolve(false);
        }
      }
    }
    document.querySelector("button").addEventListener("click", _ => {
      toClipoard("this is a test")
        .then(res => console.log("copied", res));
    });
    </script>
  </body>
</html>
	<!DOCTYPE html>
	<html lang="en" dir="ltr">
	<head>
	<meta charset="utf-8">
	<title>copy to clipboard for chrome and firefox</title>
	</head>
	<body>
	<button>copy</button>
	<script>
	function toClipoard(text) {
	if ("clipboard" in navigator && typeof navigator.clipboard.writeText === "function") {
	// Chrome
	return navigator.clipboard.writeText(text)
	.then(() => true)
	.catch(() => false);
	} else {
	// Firefox
	const input = document.createElement("input");
	input.value = text;
	input.style.position = "fixed";
	input.style.top = "-2000px";
	document.body.appendChild(input);
	input.select();
	try {
	return Promise.resolve(document.execCommand("copy"))
	.then(res => {
	document.body.removeChild(input);
	return res;
	});
	} catch (err) {
	return Promise.resolve(false);
	}
	}
	}
	document.querySelector("button").addEventListener("click", _ => {
	toClipoard("this is a test")
	.then(res => console.log("copied", res));
	});
	</script>
	</body>
	</html>