Skip to content

Documenting the various input methods / IMEs and the events they trigger.

License

Notifications You must be signed in to change notification settings

danburzo/input-methods

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

UI Events Viewer / Input methods

Note: This project is in maintenance mode and will not be receiving further updates.

Please refer to the updated resources:


Introduction

The purpose of this repository is to document various input methods / IMEs, how to install them, and the UI Events they trigger in the browser.

UI Events Viewer, available here:

https://danburzo.github.io/input-methods/index.html

Can be used to inspect the various keyboard / input / composition events that get triggered on a contenteditable element, using either the native DOM APIs or the React.js-polyfilled ones. It takes a cue from the excellent Keyboard Event Viewer.

Input methods

The danburzo.ro/input-methods/ project organizes input methods by operating system.

Specifications

Browser support and known limitations

beforeinput

Firefox Chrome Safari
Does not fire beforeinputissue here Added support in Chrome 60 Added support in Safari 10.1

Differences between native DOM and React

  • React will send beforeinput as a SyntheticInputEvent of type compositionend when finishing a composition in Firefox; Chrome gets an event of type textInput.
  • input events are SyntheticEvents instead of SyntheticInputEvents for some reason
  • SyntheticKeyboardEvents don't have the code property.

Other resources

Contributing

See Contributing.md for ways to contribute — much appreciated!