How to remove event listeners in Firefox debugger?

Question

Firefox has a feature in debugger that lists events for nodes - here's a help article for it.

image description

For unclear reasons, I can't find a way to remove any of those listeners. How do I do that?

No, it's just recently been a year since I asked it, but still no answer. — Tomáš Zato, Jun 14 '18 at 13:23

score 11 · Accepted Answer · answered Oct 17 '18 at 19:23

11

The same feature is there from the inspector in Chrome, but as you say not in (newish) DevTools in Firefox.

Before DevTools, it was there in Firebug (screenshot), but the issue to port it across has been open for 3 years.

answered Oct 17 '18 at 19:23

df778899

10,703
1
24
36

3

They are tracking the issue here now: https://bugzilla.mozilla.org/show_bug.cgi?id=1492497 – lkraider Jun 13 '19 at 20:05

score 11 · Answer 2 · answered Dec 13 '18 at 21:05

11

It seems that right-clicking the element in the inspector, choosing "Edit as HTML" and modifying the html code (even as slighltly as adding a space after the code) makes the listener go away

answered Dec 13 '18 at 21:05

Jan Clode

119
1
5

2

That only works for listeners assigned through HTML attribute, which is not very common way of assigning them. – Tomáš Zato Dec 13 '18 at 23:26
1

I misread the answer, sorry. This method works indeed, but it removes all listeners and breaks any refferences to the DOM object. – Tomáš Zato Jun 19 '19 at 14:15
I can confirm that on Firefox Developer Edition this works for JS assigned Event Listeners. – David Dec 11 '19 at 14:04
doesn't work for events attached to `html` tag – iamawebgeek Oct 28 '21 at 18:05

score 2 · Answer 3 · answered Oct 21 '20 at 08:01

2

The only workaround I've discovered, is to disable JavaScript altogether. You can do that in the "Debugger" tab, in the debugger settings to the right. Unfortunately that causes the page reload.

answered Oct 21 '20 at 08:01

Martin Vysny

3,088
28
39

How to remove event listeners in Firefox debugger?

3 Answers3