/dom-event-viewer

Collection of DOM event viewer tools

Primary LanguageJavaScript

dom event viewer

A collection of tools for viewing and testing various DOM Events.

To report a bug or a submit feature request for any of these tools, file an issue on Github.

View KeyboardEvents on a <input type="text"> element:

keydown, keypress, keyup, textinput, beforeinput, input, compositionstart, compositionupdate, compositionend

Same as the standard Key Event Viewer except targetting a <div contenteditable="true"> element.

View MouseEvents on a set of overlapping <div>s:

mousedown, mouseenter, mouseleave, mousemove, mouseout, mouseover, mouseup

Same as the standard Mouse Event Viewer except with additional shadow DOM elements.

View FocusEvents between two edit fields:

blur, focus, focusin, focusout, DOMFocusIn, DOMFocusOut