Difference between document.addEventListener and window.addEventListener?

Question

While using PhoneGap, it has some default JavaScript code that uses document.addEventListener, but I have my own code which uses window.addEventListener

Answer 1

The window binding refers to a built-in object provided by the browser. It represents the browser window that contains the document. Calling its addEventListener method registers the second argument (callback function) to be called whenever the event described by its first argument occurs.

Some paragraph.

Following points should be noted before select window or document to addEventListners

1. Most of the events are same for window or document but some events like resize, and other events related to loading, unloading, and opening/closing should all be set on the window.
2. Since window has the document it is good practice to use document to handle (if it can handle) since event will hit document first.
3. Internet Explorer doesn't respond to many events registered on the window,so you will need to use document for registering event.