javascript - Chrome 扩展 - 从 popup.html 复制数据

Question

我有一个简单的 Chrome 扩展程序，它使用从网站检索到的一些信息填充 popup.html 中的 Textarea。

现在我只是想从那个 Textarea 复制信息而没有运气。

我在 popup.js 中编写了这段代码：

var copyEmailBtn = document.getElementById('copyButton');

copyEmailBtn.addEventListener('click', function(event) {
    alert(copyEmailBtn);
  var emailLink = document.getElementById('copyButton');
  var range = document.createRange();
  range.selectNode(emailLink);
  window.getSelection().addRange(range);

  try {
    var successful = document.execCommand('copy');
    var msg = successful ? 'successful' : 'unsuccessful';
    console.log('Copy email command was ' + msg);
  } catch(err) {
    console.log('Oops, unable to copy');
  }

  // Remove the selections - NOTE: Should use
  // removeRange(range) when it is supported
  window.getSelection().removeAllRanges();
});

我在 popup.html 中添加了一个按钮，其中包含以下信息：

<button id="copyButton">COPY</button>

在我的清单中，我拥有以下权限：

"permissions": ["tabs", "storage", "clipboardWrite", "clipboardRead", "<all_urls>"]

看来我的点击事件没有被触发。任何帮助，将不胜感激。谢谢。

标签： javascriptgoogle-chrome-extension