如何复制到剪贴板JavaScript

时间:2019-11-05 14:56:20

标签: javascript copy clipboard

我的代表太低,无法对原始主题发表评论。 https://stackoverflow.com/a/39643244/10651767

当我使用函数copyToClipboard(val)时,从本地存储中获取val的是剪贴板,我得到的只是字符串“ val”,而不是val变量的值。

val= localStorage.getItem("val");
copyToClipboard(val);

1 个答案:

答案 0 :(得分:2)

现在应该使用剪贴板API,而不是创建dom元素并调用execCommand,这似乎不再起作用,但我尚未确定。

document.querySelector('button').addEventListener('click', () => {
  let copyText = 'Random ' + Math.random();
  navigator.permissions.query({name: "clipboard-write"})
    .then(result => result.state == "granted" || result.state == "prompt")
    .then(() => navigator.clipboard.writeText(copyText))
    .then(() => console.log('Copied:', copyText))
    .catch(e => console.log('Failed to copy because:', e));
});
<button>Copy random text</button>