Skip to main content Accessibility Feedback

.document vs .window in JavaScript

IMPORTANT: This article is incorrect. Click here to read an updated and corrected version.

One of the students in my Vanilla JS Slack room asked me why I use document instead of window with addEventListener() click events. In otherwords, why this:

document.addEventListener('click', function (event) {
    // Do something..
}, false);

Instead of this:

window.addEventListener('click', function (event) {
    // Do something..
}, false);

The short answer: they do the same exact thing.

Functionally, there’s no difference. I prefer to call the DOM object lowest in the tree that satisfies our needs. window works just fine, but document does the same thing. It’s all a matter of preference.

That said, some events, like scroll and resize, must be attached to the window. But otherwise, use whichever one fits your coding style best.