javascript - 将点击事件添加到 Chrome 扩展程序中的按钮

Question

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

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

我将点击事件函数添加到动态添加的按钮元素，并在执行的execute.js文件中使用此代码，但它不起作用；

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

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

Answer 1

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

尝试

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

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

编辑:拼写