Interact with a sandbox element and see every DOM event firing with properties, bubbling, and timing.
A single gesture inside the sandbox can produce a chain of DOM records, and JavaScript Event Explorer lays that chain out with event properties, propagation information, and timing. Use its interactive element to click, press keys, move or press a pointer, and change focus, then compare the resulting entries. The common trap is reading bubbles as proof that an event reached an ancestor; it only reports whether that event participates in the bubbling phase.
Treat the log as a sequence of events rather than a sequence of physical actions. A pointer press and release may be accompanied by pointer, mouse, focus, and click events, depending on the browser, input device, and target. Compare timestamps and displayed properties to determine what this particular interaction generated and in what observed order.
When displayed, target identifies the object to which the event was dispatched, while currentTarget identifies the object whose listener is currently handling it. The bubbles property says whether the event can proceed through the bubbling phase. These values explain why a listener on an ancestor can observe an event whose target is a descendant.
A click is often the result of a longer interaction involving a press, release, focus change, and activation. Browsers may dispatch pointer events, compatibility mouse events, and a click for that interaction. The entries are distinct DOM events, not necessarily duplicate logging. The exact sequence depends on the device, browser, and element.
No. It means the event is capable of moving through the bubbling phase. An ancestor handles it only if an applicable listener is present and propagation reaches that listener. Propagation can be stopped, and listener behavior outside the explorer's sandbox is not visible in this trace.
The behavioral notes were checked against the browser implementation. Standards and primary references below define the relevant format, formula, or platform behavior.
Format, validate, and beautify JSON with syntax highlighting and error detection.
Encode text or files to Base64 and decode Base64 strings back to their original form.
Format and indent SQL queries for better readability across all major dialects.
Convert HTML markup into clean Markdown syntax with support for tables and lists.
Write Markdown and see the rendered HTML output in real time with live preview.
Visualize unified diffs and patch files with color-coded additions and deletions.