將事件偵聽器添加到頁面 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 。 注入時間可以在清單文件中指定。 如果您的清單文件如下所示，則您的 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 腳本中編寫代碼即可。