Copy text without Input and button

Question

How can I create an text to clipboard function? I found on w3schools how to do it with an input but I don't know how to do it with just text (for example like Hypixel

"Copy text without Input and button" What action/event do you propose will activate the "copy to clipboard"? — bloodyKnuckles, Sep 28 '22 at 11:37
you at least have to use something a `span` a `paragraph` a `h1` a `div` — UmairFarooq, Sep 28 '22 at 11:38

score 0 · Answer 1 · answered Sep 28 '22 at 11:38

You don't need an library to do this.
Just use document.execCommand("copy")

$("#txt").on("click", function (event) {
    var $temp = $("<input>");
    $("body").append($temp);
    $temp.val($("#txt").html()).select();
    document.execCommand("copy");
    $temp.remove();
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div id="txt">Copy this text</div>

Copy text without Input and button

1 Answers1