Display Events type as Badges in the Elements Panel

[WebWeWantBot]

---

title: Display Events type as Badges in the Elements Panel
date: 2023-06-22T13:02:29.679Z
submitter: PRIVATE
number: 649446658c6b7b008be79ea1
tags: [ ]
discussion: https://github.com/WebWeWant/webwewant.fyi/discussions/
status: [ discussing || in-progress || complete ]
related:

• title:
  url:
  type: [ article || explainer || draft || spec || note || discussion ]

---

In DevTools, the display of CSS properties like flex and grid is good. However, a similar feature is laking for the events. This would provide developers with a quick visual indication of the existence of events associated with specific elements.

It can be displayed, when inspecting elements in the Elements panel, next to elements that have event listeners attached to them and indicate the type of event(s) attached to the element, such as "click," "mouseover," or other relevant event types. Clicking on it could navigate to the corresponding event listener in the "Event Listeners" panel, allowing quick access to the event-related code.

It would provide a convenient way to identify and navigate event-related code directly from the Elements panel, saving time and improving productivity.

Thank you for considering this feature request. I appreciate the continuous efforts in improving the browsers and its developer tools.

---

If posted, this will appear at https://webwewant.fyi/wants/649446658c6b7b008be79ea1/