1543620 - Find all used event listeners and their elements by event name

Status: NEW

(DevTools :: Inspector, enhancement, P3)

Description

[Masayuki Nakano [:masayuki] (he/him)(JST, +0900)]

Currently, DOM team and QA team need to investigate whether each major web site uses new event's event listener or not. Additionally, when I investigate some DOM Event related web-compat issues, I usually look for event listeners from each popup by my hand.

Therefore, I'd like to suggest that there should be a find UI to look for specific event listeners, e.g., with typing "keypress".

Bug 1492846 is similar to this bug, but it must be useful when I investigate specific symptom, but not useful for the former case.

Comment 1

[Jan Honza Odvarko [:Honza] (always need-info? me)]

Thanks for the report!

If I understand correctly you looking for a feature that would allow the user to:

1. See list of all existing event listeners on the page (not only for selected element/DOM node)
2. Filter the list using an event type (e.g. 'keypress').

Honza

Comment 2

[Masayuki Nakano [:masayuki] (he/him)(JST, +0900)]

Exactly. When DOM team implements new event, adding new event would break something in major web apps because of partially UA checked in event listeners for legacy events. Such UI is really useful when we investigate whether specific app uses listen to new event actually.