How to capture all scrolling events on a page without attaching an onscroll handler to every single container

Question

Consider the following Web page:

Answer 1

The following works fine when you want to i.e. close a dialog after anything in the background is scrolled:

var scrollListener = function(e) {
    // TODO: hide dialog
    document.removeEventListener('scroll', scrollListener, true);
};

document.addEventListener('scroll', scrollListener, true);