Chrome extension : Prevent click in contentscript

Question

I have following in my contentscript.js

document.addEventListener('click', function (event: MouseEvent) {
    event.preventDefault();
    event.stopPropagation();

}, false);

The listener is called but the click in not captured/prevented and is propagrated. Is there a way to achieve this ?

Answer 1

Since the listener is attached to the document, I had to use the capture parameter to preventDefault while the event "bubbles" up.

document.addEventListener('click', function (event) {
   event.preventDefault();
}, {capture: true});