使用 JavaScript 和 Google Chrome API 将剪贴板数据存储到变量中

Question

我想知道是否可以将剪贴板的内容存储在字符串变量中。

以下消息来源指出，使用纯 JS 是不可能的，但我 在想希望 chrome API 能够实现。 （我正在开发一个 chrome 扩展）。

• How to read clipboard data in cross browser?

有一个clipboardRead 权限，会让你相信这是可能的，但它的描述只是：

如果扩展程序或应用程序使用 document.execCommand('paste')，则为必需。 source

澄清一下：我不是想将数据复制到剪贴板或从中粘贴数据。我想将剪贴板的内容存储到一个变量而不以任何方式改变剪贴板的内容。

为了进一步澄清，我不能假设剪贴板数据在操作时恰好位于info.selectionText。

如果不可能的话，我想我将不得不忍受它，但这似乎可以通过扩展来完成。

---

编辑： 我想存储值的原因是因为我需要使用剪贴板来执行操作，但是我想在完成后恢复它的内容，所以用户不会丢失曾经在那里的任何东西。

如果我只是将数据粘贴到文本区域并从那里存储，那么当我将数据放回去时，用户将丢失他们拥有的任何格式，这总比没有好，但不是最佳。

另外，有没有一种方法可以存储该数据，即使它不是字符串（例如图像）？允许我这样做的解决方案无疑也会隐含地回答上述问题，但不是必需的。我主要是在寻找保存字符串数据，并希望有一种保持格式的方法。

Answer 1

前段时间有一个实验性的剪贴板 api，但我猜他们删除了它。您总是可以将内容粘贴到 textarea/contenteditable 并获取它的值：

function getClipboard() {    
    var el = document.createElement('textarea');
    document.body.appendChild(el);
    el.focus();
    document.execCommand('paste');
    var value = el.value;
    document.body.removeChild(el)
    return value;
}
console.log(getClipboard());