将Click事件添加到Chrome扩展程序中的按钮

Question

我想将click事件添加到按钮元素，该元素通过运行executeScript函数在chrome.tabs.onUpdated事件函数中动态添加。

chrome.tabs.onUpdated.addListener(() => {
  chrome.tabs.executeScript(null, {file: "execute.js" });
})

我将click事件函数添加到动态添加的button元素中，该代码包含在已执行的execute.js文件中，但是没有用；

var btnComment=document.createElement('button');
btnComment.addEventListener('click',function(){
  console.log('btnComment worked')
});

我在其中使用background.html页面请求background.js文件。 如何实现此功能？

Answer 1

您的backround.html有这个吗？

<script src="background.js"></script>

请注意，您是在execute.js中创建按钮的，但是您的html使用background.js，因此在background.js文件中，您将需要以下代码：

function onButtonClicked (){
  console.log('btnComment worked');
}

document.getElementById('button').addEventListener('click', onButtonClicked());

顺便说一句，我还在学习谷歌浏览器扩展程序。

Answer 2

不幸的是，由于缺乏关于程序外观的上下文，因此我无法给出100％肯定的答案。 但是，我认为问题在于您需要首先使用DOM专门选择元素。

尝试

document.getElementById('button').addEventListener('click',function(){
   console.log('btnComment worked')
});

关于文档对象模型的更多信息可以在这里找到： https : //www.w3schools.com/js/js_htmldom.asp

编辑：拼写