将事件监听器添加到页面Chrome扩展上的按钮

Question

在content.js中，我试图将事件侦听器添加到页面上的按钮，但我一直得到此错误:

Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')

我试图把它放在document.addEventListener('DOMContentLoaded',afterDOMLoaded);，但DOMContentLoaded从来没有在content.js脚本火灾。如何向页面上的按钮添加事件侦听器?

Answer 1

你应该展示你的content.js是如何执行的。

也许，当您的脚本被插入时，页面已经DOMContentLoaded。注入时间可以在manifest文件中指定。如果你的manifest文件如下，你的content.js会在window.onload事件触发后立即被注入在DOMContentLoaded之后。请参阅https://developer.chrome.com/docs/extensions/mv3/content_scripts/。

"content_scripts": [
{
"matches": ["https://*/*"],
"run_at": "document_idle",
"js": ["content.js"]
}

如果你的清单像上面一样，你不需要事件监听器，只需要在content.js脚本中编写代码。