window.onkeydown和document.onkeydown有什么区别吗？

Question

我在网上看到的大部分代码使用document.onkeydown，但MDN只列出了window.onkeydown。 This comment也建议使用window.onkeydown。是否有区别或理由使用一个在另一个之上？

Answer 1

请参阅从Event dispatch and DOM event flow如下图：

有三种event phases：

• 的捕获阶段：事件对象必须通过从目标的祖先传播defaultView给目标的父母。 这个阶段也被称为捕获阶段。为此阶段注册的事件监听器 必须在事件到达其目标 之前处理事件。

• 目标阶段：事件对象必须到达事件对象的event target。这个阶段也被称为目标阶段的 阶段。在此阶段注册的事件监听器必须在事件达到目标时处理事件。如果event type指示该事件不能冒泡，则在完成此阶段后，事件对象 必须停止。

• 的气泡相：事件对象传播通过以相反的顺序目标的祖先，开始与目标的父 并与defaultView结束。这个阶段也被称为 冒泡阶段。在此阶段注册的事件侦听器必须在事件达到目标后处理事件。

因此，主要区别在于，事件侦听器添加到window将处理事件之后的事件侦听器在泡沫阶段的情况下加入到document;以及在捕获阶段之前。