javascript - Chrome 扩展程序粘贴到输入元素中

Question

假设我有一个简单的页面。内容如下。

<form>
     <input type="text" id="startText">
</form>

我有一个 chrome 扩展，其中包含一个在此页面加载时触发的脚本。我还在chrome中配置了所有相关权限(即clipboardRead)。页面加载时触发的脚本称为action.js。目前只有一行代码:

document.getElementById("startText").value = "text";

我知道我可以使用“execCommand('paste')”函数在 Chrome 扩展程序中进行粘贴。但我不知道如何修改上面的代码，以便将用户剪贴板的内容粘贴到输入元素中。

我会尝试这样的事情:

document.getElementById("startText").value.execCommand('paste')

但是，不出所料，这不起作用。

Answer 1

出于安全原因，剪贴板只能通过后台页面访问。问题是后台页面无法与 DOM 交互，只有内容脚本可以。查看this gist ，它用 messages passing 解决了这个问题背景页面和内容脚本之间。