How to onClick copy text to clipboard from a
tag using JavaScript/jQuery?

Question

This is what I have.

<p class="right-side-header" title="Copy Text" id="text">I am cool</p>

Now the question is, what JavaScript will allow me to copy whatever text is in the <p> tag. I am new to JavaScript. I have no idea how to go about this.

How can I copy the innerText of the above element to the clipboard?

https://stackoverflow.com/search?q=copy+text+clipboard+javascript — halfer, Feb 03 '19 at 00:41
I've voted as Too Broad, but the [duplicate is probably this one](https://stackoverflow.com/q/400212/472495). — halfer, Feb 03 '19 at 00:43

score 22 · Accepted Answer · answered Feb 03 '19 at 00:51

You can use the same function from my answer here:

function copyElementText(id) {
    var text = document.getElementById(id).innerText;
    var elem = document.createElement("textarea");
    document.body.appendChild(elem);
    elem.value = text;
    elem.select();
    document.execCommand("copy");
    document.body.removeChild(elem);
}

<p class="right-side-header" title="Copy Text" id="text" onclick="copyElementText(this.id)">I am cool</p>

doesn't seem to work on my tips page... wondering why. – cregox Jul 07 '21 at 05:55 — cregox, Jul 07 '21 at 05:55

How to onClick copy text to clipboard from a tag using JavaScript/jQuery?

1 Answers1

How to onClick copy text to clipboard from a
tag using JavaScript/jQuery?