自动复制当前标签页网址

时间:2019-01-19 03:59:10

标签: javascript clipboarddata

我一直在使用此代码在剪贴板上复制当前的活动标签URL。

function autocopy() {
    window.addEventListener('mouseup', function(){
            var dummy = document.createElement("textarea");
            document.body.appendChild(dummy);
            dummy.value = location.href;
            dummy.select();
            document.execCommand("copy");
            document.body.removeChild(dummy);
        });
})();

但是我希望它能够自动进入剪贴板的网址,因此我不必单击任何位置,但是它不起作用.....

    function autocopy() {
                var dummy = document.createElement("textarea");
                document.body.appendChild(dummy);
                dummy.value = location.href;
                dummy.select();
                document.execCommand("copy");
                document.body.removeChild(dummy);
             };
    window.onload = autocopy();

1 个答案:

答案 0 :(得分:0)

使用此代码,您可以复制当前标签页的网址

navigator.clipboard.writeText(location.href)
    .then(() => {
        console.log("done");
    })
    .catch(() => {
        console.log("error");
    });

如果要从输入字段复制

let i = document.querySelector("#input");

navigator.clipboard.writeText(i)
        .then(() => {
            console.log("done");
        })
        .catch(() => {
            console.log("error");
        });