How do I handle a click anywhere in the page, even when a certain element stops the propagation?

Question

We are working on a JavaScript tool that has older code in it, so we cannot re-write the whole tool.

Now, a menu was added position fixed to the bottom and the clien

Answer 1

this is the key (vs evt.target). See example.

document.body.addEventListener("click", function (evt) {
    console.dir(this);
    //note evt.target can be a nested element, not the body element, resulting in misfires
    console.log(evt.target);
    alert("body clicked");
});

This is a heading.
this is a paragraph.