UI Events Viewer

This tool logs DOM events of type KeyboardEvent (keydown, keyup) , InputEvent (beforeinput, input) , and CompositionEvent (compositionstart, compositionupdate, compositionend), all inheriting from UIEvent, emitted on a contenteditable="true" element.

More about the project

The markup used for the textbox above is:

<div contenteditable="true" role="textbox" style="-webkit-user-modify: read-write-plaintext-only;">Type here</div>

You may also find useful: a work-in-progress catalog of input methods, Clipboard Inspector. There's also the old version of UI Events Viewer.

UI Events Viewer is a project by Dan Cătălin Burzo. Source code available in the HTML, released under the MIT License.

General KeyboardEvent UIEvent InputEvent
# constructor type key code repeat isComposing inputType data dataTransfer.types