window.document.addEventListener对window.addEventListener

Question

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

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

这两行代码有什么区别？我知道窗口和文档对象是两个不同的对象，具有不同的属性，本站提供了一个很好的视觉指导。不过，我看不出这两行代码之间的区别。

为了进一步澄清:做这样的事情有什么区别：window.addEventListener('mousemove', function (event) {...});和做类似window.document.addEventListener('mousemove', function (event) {...});的事情

Answer 1

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

那里的两段代码覆盖了不同级别的addEventListener。

如果要调用原始方法，那么调用它的对象很少(如果有的话)会有任何不同。如果您要进行比较，这将产生不同的效果，例如：

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

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