在 chrome 扩展中正确使用 execcommand("paste")

Question

我正在尝试使用带有 chome 扩展名的 execcommand("paste") 将剪贴板数据粘贴到文本区域中，但我似乎无法让它工作。 权限已设置。 我试图在 textarea 上设置 focus()，但 document.execCommand("paste") 什么也没做，我也没有收到任何错误。 从后台页面调用execcommand("paste") 也无济于事。

<form>
     <textarea id="ta"></textarea>    
</form>
<script type="text/javascript">
    document.findElemetById("ta").focus();
    document.execCommand("paste");
</script>

Answer 1

剪贴板功能是my extension 的关键部分，所以我已经看到了所有正常问题。在我的背景页面上，我公开了一个copy 和一个paste 函数，并且页面本身包含<textarea id="sandbox"></textarea>；

function copy(str) {
    var sandbox = $('#sandbox').val(str).select();
    document.execCommand('copy');
    sandbox.val('');
}

function paste() {
    var result = '',
        sandbox = $('#sandbox').val('').select();
    if (document.execCommand('paste')) {
        result = sandbox.val();
    }
    sandbox.val('');
    return result;
}

为了简单起见，我使用jQuery，但你明白了。现在，每当我想使用剪贴板功能时，我只需调用相关函数即可。我的扩展程序中的其他页面可以通过chrome.extension.getBackgroundPage() 访问此API，但如果您的背景页面是event page，您也可以使用chrome.runtime.getBackgroundPage(callback)。

我不确定这是否是最佳实践，或者这个功能是否存在这样的东西，但这绝对适合我并且非常干净。

Answer 2

对于 Alasdair 的出色回应，评论太长了，所以我正在创建另一个答案。 Alasdair 的回答非常好，对我来说效果很好，但作为 Chrome 扩展的新手，我仍然需要一段时间才能让它工作。对于处于类似位置的任何人，这是他的答案的扩展。

背景/事件页面能够与系统剪贴板交互，前提是您已请求适当的权限。他们无法与用户加载的页面的 DOM 交互。内容脚本不能与系统剪贴板交互，但它们可以与用户加载的页面的 DOM 交互。请查看explanation of the extension architecture 以全面了解这一切。

这实质上意味着您需要在事件/背景页面中从系统剪贴板执行复制/粘贴操作，这就是 Alasdair 上面概述的内容。从用户正在查看的页面的 DOM 中进行的任何粘贴或复制都必须在您的内容脚本中进行。这两个脚本可以很容易地与message passing 通信。

我有an extension，其唯一目的是粘贴，架构主要来自这篇文章。如果您想在实践中看到上述技术，take a look at the code。特别是background.html、background.js 和contentscript.js。

如果你真的很着急，here is a gist。

Answer 3

  function PasteString() {
    var editor = document.getElementById("TemplateSubPage");
    editor.focus();
  //  editor.select();
    document.execCommand('Paste');
}

function CopyString() {
    var input = document.getElementById("TemplateSubPage");
    input.focus();
   // input..select();
    document.execCommand('Copy');
    if (document.selection) {
        document.selection.empty();
    } else if (window.getSelection) {
        window.getSelection().removeAllRanges();
    }
}

希望这对你有用