v1.0.0 · Chrome · MV3 · 19 KB

EventMap

One-click scan to discover and visualize every event listener on any web page. See what's listening, where, and why.

See Every Listener at a Glance

Welcome to the demo page

This paragraph has no listeners attached.

Submit
Cancel
Search...
3
2
1
1
2
3
Mouse Events
Keyboard Events
Touch Events
12
Listeners
6
Elements
3
Categories
0
Orphaned

One-Click Scan

Hit the scan button and EventMap crawls the entire DOM, discovering every event listener attached to every element. No configuration needed.

FREE

Color-Coded Overlays

Visual overlays appear directly on the page. Mouse events are blue, keyboard events are green, touch events are orange. Spot patterns instantly.

FREE

Listener Count Badges

Each highlighted element shows a badge with the number of attached listeners. Quickly find elements with too many or unexpected handlers.

FREE

Summary Stats

Dashboard showing total listeners, elements with listeners, event categories, and orphaned handlers. Get the full picture in seconds.

FREE

View Handler Source Code

Click any highlighted element to inspect the actual handler function source code. Understand what each listener does without digging through DevTools.

PRO

Filter by Event Type

Filter overlays to show only click, keydown, scroll, or any other event type. Focus on what matters for your debugging session.

PRO

Search Elements

Search for specific elements by selector, tag name, or class. Jump directly to the element you need to investigate.

PRO

Export JSON Report

Export a complete JSON report of all event listeners on the page. Perfect for audits, documentation, or sharing with your team.

PRO

Temporary Listener Removal

Temporarily remove specific event listeners to test behavior without them. Restore with one click. No code changes needed.

PRO