InputEvent
Baseline Widely available *
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
* Some parts of this feature may have varying levels of support.
TheInputEvent interface represents an event notifying the user of editable content changes.
In this article
Constructor
InputEvent()Creates an
InputEventobject.
Instance properties
This interface inherits properties from its parents,UIEvent andEvent.
InputEvent.dataRead onlyReturns a string with the inserted characters. This may be an empty string if the change doesn't insert text (for example, when deleting characters).
InputEvent.dataTransferRead onlyReturns a
DataTransferobject containing information about richtext or plaintext data being added to or removed from editable content.InputEvent.inputTypeRead onlyReturns the type of change for editable content such as, for example, inserting, deleting, or formatting text.
InputEvent.isComposingRead onlyReturns a
Booleanvalue indicating if the event is fired aftercompositionstartand beforecompositionend.
Instance methods
This interface inherits methods from its parents,UIEvent andEvent.
InputEvent.getTargetRanges()Returns an array of
StaticRangeobjects that will be affected by a change to the DOM if the input event is not canceled.
Specifications
| Specification |
|---|
| Input Events Level 2> # interface-InputEvent> |
| UI Events> # interface-inputevent> |