WebExtensions - 如何将文本从剪贴板粘贴到变量?

时间:2018-01-02 14:30:50

标签: javascript clipboard firefox-webextensions

我尝试使用WebExtensions和官方教程开发我的Firefox扩展。

这是我的问题:我试图将文本从剪贴板粘贴到变量但没有发生任何事情 我在官方网站上修改了一些代码:Reading from the clipboard

甚至可能吗?我可以粘贴这样的代码吗?

这是我的代码的样子:

的manifest.json

{
    "description": "Paste from clipboard to variable test.",
    "manifest_version": 2,
    "name": "Clipboard test",
    "version": "1.0",

    "background": {
         "page": "background-page.html"
    },

    "icons": {
        "48": "icons/clipboard-48.png"
    },

    "permissions": [
        "clipboardRead"
    ],

    "browser_action": {
        "default_icon": {
            "16": "icons/clipboard-16.png",
            "32": "icons/clipboard-32.png"
        }
    }
}

背景page.html中

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>background-page</title>
  </head>
  <body>
    <textarea id="output"></textarea>
    <script type="text/javascript" src="background.js"></script>
  </body>
</html>

background.js

function paste() {
    var pasteText = document.querySelector("#output");
    pasteText.focus();
    document.execCommand("paste");
    console.log("pasteText.textContent: " + pasteText.textContent);
}

function toolbarButtonClick(){
    paste();
    console.log("Button clicked.");
}

browser.browserAction.onClicked.addListener(toolbarButtonClick);

0 个答案:

没有答案