javascript - addEventListener 方法是文档对象的一部分吗？

Question

我不确定 addEventListener 来自哪里，但我假设它是文档对象的一部分。如果是这样，代码 document.getElementById('displayTodosButton').addEventListener与 var displayTodosButton = document.getElementById('displayTodosButton'); 的工作方式相同？

 var displayTodosButton = document.getElementById('displayTodosButton');

    displayTodosButton.addEventListener('click',function(){
      todoList.displayTodos();
    });

Answer 1

它可以是任何支持事件的对象:“事件目标可以是文档中的元素、文档本身、窗口或任何其他支持事件的对象(例如 XMLHttpRequest)。”

参见https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener

document.getElementById('displayTodosButton').addElementListener 不起作用，因为该方法被称为 addEventListener。除此之外，您可以自由地将元素的引用保存在变量中，或者在从 .getElementById() 返回时直接使用它。结果不会有什么不同。