disable all click events on page (javascript)

Question

Whats the easiest way to temporarily disable all mouse click/drag etc events through javascript?

I thought I could do document.onclick = function() { return fa

Answer 1

The winning answer works well, but if you had pass the capture true boolean value, at the moment you want to remove the listener, you have to pass the exact same value. Otherwise, the listener removal will not work.

Example:

listener addition

document.addEventListener('click', DisableClickOnPage.handler, true);

listener removal

document.removeEventListener('click', DisableClickOnPage.handler, true);

Doc: https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/removeEventListener