Can I remove event listeners with a Chrome extension?

Question

In Chrome\'s dev tools, there\'s a lovely interface where you can see all the event listeners attached to a given DOM element, and remove any of them as you see fit. Here\'s a s

Answer 1

eholder0's answer unfortunately doesn't help when the event listener is registered on window (like in your question) or document. For that, one way is that most code and libraries usually registers event listeners on the bubbling phase, by passing in false for the third useCapture parameter of addEventListener (or just not passing it in at all). Since the capturing phase happens first, you can prevent event listeners from being invoked by registering a capturing phase listener that stops further propagation.

For example, on a certain code review site (starts with "r" and ends with "eviewable.io") that removes the ability to use the middle mouse button click for scrolling via a mousedown event on document, the following in an extension's content script works:

document.addEventListener("mousedown", function (event) {
    event.stopPropagation();
}, true);

Notice the third parameter is true to register a capturing phase event listener. Also notice that it does not call event.preventDefault(), so the browser's inbuilt scrolling function is retained.