UI Event Visualizer

Mouse, Pointer, Keyboard, Focus, Clipboard, Drag&Drop · Capturing vs. Bubbling · Live stream

mouse
pointer
keyboard
focus
touch
clipboard
dragdrop

Tip: Use the input on the right to trigger keyboard, focus, clipboard and drag events.

Note: focus/blur do not bubble; focusin/focusout do.

Playground Area (click, type, focus, hover, paste, drag)listens on container

Try interactions:click the box, double-click, right-click, type into the input, tab in/out, copy/paste, drag, hold keys, move mouse.

Link
Drag me
Legend
Capturing
At Target
Bubbling
Recent sequence (latest on the right)
#+msTypePhaseTargetCurrentTargetDetails