DevTools Tips

Remove or disable event listeners

Categories: Supported by:

When you're trying to debug something and event listeners on the page keep interfering with what you're doing, it can be frustrating. Imagine a mousemove event listener that changes some of the information on the page.

Fortunately, DevTools can help you here.

In Firefox, you can disable (and re-enable) events from the Inspector panel:

Screenshot of the Firefox event popup in the Inspector panel, showing the checkbox to toggle events

In Chrome and Edge, you can remove events from the Elements panel (but not add them again):

Screenshot of the Chrome Event Listeners sidebar pane, showing the Remove button