如何使用按钮将固定字符串复制到剪贴板?

时间:2019-01-09 17:15:24

标签: javascript html button copy-paste

我想在单击按钮时将特定的字符串复制到剪贴板。我不希望用户定义字符串(即文本框等),而是希望在代码中定义字符串。

我有以下内容:

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(); />

我希望将字符串“要复制到剪贴板”复制到剪贴板中。

对于第一个,什么都没有发生。对于第二种方法,它可以工作,但是代码中再次有一个文本框。

1 个答案:

答案 0 :(得分:0)

您可以在浏览器中使用Clipboard API来完成此操作,但请注意,它是not supported in many browsers yet

示例代码:

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

剪贴板文档:https://developer.mozilla.org/en-US/docs/Web/API/Clipboard