From Firefox 33 you'll see an "ev" icon in HTML Pane, next to elements that have event listeners bound to them:

Click the icon, then you'll see a popup listing all the event listeners bound to this element:

Each line contains:

  • a pause button: click that to go to the event listener in the Debugger, where you'll be able to set a breakpoint in it
    • Currently [Firefox Developer Edition 61], you do not find a pause button at the beginning of the line. Instead, you find (at the end of the line) a curved arrow pointing to a stack. The functionality (i.e. going to the debugger and setting a breakpoint) continues to be the same.
  • the name of the event
  • the name and line number for the listener: click this to see the listener function in the popup
  • a label indicating whether the event bubbles
  • a label indicating the system that defines the event. Firefox can display:

Document Tags and Contributors

Last updated by: wbamberg,