javascript - window.document.addEventListener 与 window.addEventListener

Question

window.document.addEventListener = function(event) {...}

window.addEventListener = function(event) {...}

这两行代码有什么区别？我知道 window 和 document 对象是两个不同的对象，具有不同的属性和 this site为差异提供了良好的视觉指南。我仍然看不出这两行代码在做什么。

进一步澄清:做这样的事情有什么区别:window.addEventListener('mousemove', function (event) {...});并做这样的事情 window.document.addEventListener('mousemove', function (event) {...});?

Answer 1

大多数 DOM 对象以及 window 本身都有 addEventListener 方法。事件在事件开始的元素及其祖先元素上冒泡并触发事件监听器。

这两段代码覆盖不同层次的addEventListener。

如果您要调用原始 方法，它很少(如果有的话)对您调用它的那些对象产生任何影响。如果您进行比较，情况会有所不同，例如:

window.addEventListener('click', handler);
document.querySelector('button', handler);

因为一个会捕获文档中的所有点击，而另一个只会捕获第一个按钮元素上的点击。