JS DOM: Copy Text

By Xah Lee. Date: . Last updated: .

Here is how to copy text using JavaScript.

🛑 warning: work only when the html is served over https.

test text

<p id="text_dzFY3">test text</p>

<button id="button_fdTzR" type="button">Copy</button>
"use strict";
const text_dzFY3 = document.getElementById("text_dzFY3");
if (text_dzFY3 === null)
    throw new Error("id text_dzFY3 missing");
const button_fdTzR = document.getElementById("button_fdTzR");
if (button_fdTzR === null)
    throw new Error("id button_fdTzR missing");
const f_CopyText = () => {
    navigator.clipboard.writeText(text_dzFY3.textContent);
};
button_fdTzR.addEventListener("click", f_CopyText, false);