This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The InputEvent interface represents an event notifying of editable content change.
Constructor
InputEvent()- Creates an
InputEventobject.
Properties
This interface inherits properties from its parents, UIEvent and Event.
InputEvent.dataRead only- Returns a
DOMStringwith the inserted characters. This may be an empty string if the change doesn't insert text (such as when deleting characters, for example). InputEvent.dataTransferRead only- Returns a
DataTransferobject containing information about richtext or plaintext data being added to or removed from editable content. InputEvent.inputTypeRead only- Returns the type of change for editable content such as, for example, inserting, deleting, or formatting text. See the property page for a complete list of input types.
InputEvent.isComposingRead only- Returns a
Booleanvalue indicating if the event is fired aftercompositionstartand beforecompositionend.
Methods
This interface inherits methods from its parents, UIEvent and Event.
InputEvent.getTargetRanges()- Returns an array of static ranges that will be affected by a change to the DOM if the input event is not canceled.
Specifications
| Specification | Status | Comment |
|---|---|---|
| Input Events Level 2 The definition of 'InputEvent' in that specification. |
Working Draft | Initial definition. |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
| Feature | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
| Basic support | 60 | ? | 31 | No | 47 | 10.1 |
InputEvent() constructor | 60 | ? | 31 | No | 47 | ? |
data | 60 | ? | No | No | 47 | No |
dataTransfer | 60 | ? | No | No | 47 | No |
getTargetRanges | 60 | No | No | No | 47 | 10.1 |
inputType | 60 | ? | No | No | 47 | 10.1 |
isComposing | 60 | ? | 31 | No | 47 | No |
| Feature | Android webview | Chrome for Android | Edge mobile | Firefox for Android | Opera Android | iOS Safari | Samsung Internet |
|---|---|---|---|---|---|---|---|
| Basic support | 60 | 60 | ? | 31 | 47 | 10.1 | ? |
InputEvent() constructor | 60 | 60 | ? | 31 | 47 | ? | ? |
data | 60 | 60 | ? | No | 47 | No | ? |
dataTransfer | 60 | 60 | ? | No | 47 | No | ? |
getTargetRanges | 60 | 60 | No | No | 47 | 10.1 | ? |
inputType | 60 | 60 | ? | No | 47 | 10.1 | ? |
isComposing | 60 | 60 | ? | 31 | 47 | No | ? |