Как скопировать фиксированную строку в буфер обмена с помощью кнопки?

Question

Я бы хотел, чтобы при нажатии на кнопку была скопирована определенная строка в буфер обмена. Я не хочу, чтобы строка определялась пользователем (т. Е. Текстовое поле и т. П.), А хочу, чтобы она была определена в коде.

У меня есть следующее:

function yyy(){
    var dummyContent = "this is to be copied to clipboard";
    dummyContent.select();
    document.execCommand('copy')
}

<input type="button" value="foobar" onclick=yyy(); />

Решение, которое работает, но только с текстовым полем, следующее:

function Copy()
{
    var Url = document.getElementById("paste-box");
    Url.value = "this is to be copied to clipboard";
    Url.select();
    document.execCommand("Copy");
}

<input type="button" value="Copy Link" onclick=Copy(); />

Мне бы хотелось, чтобы строка «это было скопировано в буфер обмена» была скопирована в буфер обмена.

Для первого ничего не происходит. Во-вторых, это работает, но опять же в коде есть текстовое поле.

Answer 1

Для этого можно использовать API Clipboard в браузере, но учтите, что пока не поддерживается во многих браузерах .

Пример кода:

Clipboard.writeText("this is in my clipboard").then(()=>console.log("successfully copied string"))

Документы из буфера обмена: https://developer.mozilla.org/en-US/docs/Web/API/Clipboard