“addEventListener”不適用於 Chrome 擴展

Question

我在 window 中添加了一個 addEventListener，但它返回以下錯誤：

未捕獲的類型錯誤：無法在“EventTarget”上執行“addEventListener”：需要 2 個 arguments，但只有 1 個存在。 在

window.addEventListener('DOMContentLoaded', setUpStuff, false);

另一個錯誤：

未捕獲的類型錯誤：無法讀取 null 的屬性“addEventListener”（在：

 optionsButton.addEventListener('click', function() {

這是代碼：

window.addEventListener('DOMContentLoaded', setUpStuff, false);
function setUpStuff(){
    let optionsButton = document.getElementById('#go-to-options');
    optionsButton.addEventListener('click', function() {
        if (chrome.runtime.openOptionsPage) {
          chrome.runtime.openOptionsPage();
        } else {
          window.open(chrome.runtime.getURL('options.html'));
        }
      });
}

Answer 1

您應該在 function 將要運行的執行中添加一個事件。 getElementById需要一個 ID，而不是選擇器，因此您需要刪除# ：

window.addEventListener('DOMContentLoaded', setUpStuff, false);
function setUpStuff(){
    let optionsButton = document.getElementById('go-to-options');
    optionsButton.addEventListener('click', function() {
        if (chrome.runtime.openOptionsPage) {
          chrome.runtime.openOptionsPage();
        } else {
          window.open(chrome.runtime.getURL('options.html'));
        }
      });
}