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;以及在捕獲階段之前。