如何用addEventListener调用Javascript addEventListener

Question

我调用了一个回调onload，它工作了，但是在控制台中留下了一个TypeError: Failed to execute 'addEventListener' on 'EventTarget': parameter 2 is not of type 'Object'。

document.addEventListener('load', setTimeout(callBack, 2000));

function callBack(){
    const data = JSON.parse(localStorage.data);
    const tbody = document.getElementById("info");
    for (let obj in data){
        let td = document.createElement('td');
        let text = document.createTextNode(`${data[obj]}`);
        td.appendChild(text);
        tbody.appendChild(td);
    }
};

here也有一个类似的问题，引发了这些变化：

document.addEventListener('load', function(){setTimeout(callBack, 2000)});

document.addEventListener('load', function(){setTimeout(callBack(), 2000)});

它不显示，我也没有异常的变化。

编辑:在更改事件侦听器行时，我的HTML中没有数据-因此callBack没有被处理或调用。

Answer 1

使用示例代码，您将调用一个函数并将该函数的返回值传递给事件侦听器。

您应该传入一个函数，当事件发生时，事件侦听器将为您执行该函数。

​

window.addEventListener("DOMContentLoaded", function(e){
  setTimeout(callback, 2000);
});

function callback() {
  const data = JSON.parse(localStorage.data);
  const tbody = document.getElementById("info");
  for (let obj in data) {
    let td = document.createElement('td');
    let text = document.createTextNode(`${data[obj]}`);
    td.appendChild(text);
    tbody.appendChild(td);
  }
};

​