首页 > addEventListener 应该添加到 window 还是 document?

addEventListener 应该添加到 window 还是 document?

二者之间有什么不同呢?


应该是document下的对象上吧。
document本身属于window中的一个对象。
但是他又属于dom对象,和文档元素有联系。


window、document都可以添加,看一下w3c关于dom事件模型的定义:

按照标准来说,任何事件都会经过以上三个阶段,事件不管是捕获还是冒泡,都会经过window和document。

因此,你使用window.addEventListenerdocument.addEventListener来处理页面上的事件,区别仅仅在于,不同事件模型上,处理的顺序不一样:

我们可以addEventListener的第三个参数来使用不同的事件模型,true代表我们想在捕获阶段处理事件,false代表我们想在冒泡阶段处理事件,默认是false

【热门文章】
【热门文章】