Наши волонтёры ещё не перевели данную статью на Русский. Присоединяйтесь к нам и помогите сделать эту работу!
Вы можете также прочитать эту статью на English (US).
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.
<div id="interfaceDiagram" style="display: inline-block; position: relative; width: 100%; padding-bottom: 11.666666666666666%; vertical-align: middle; overflow: hidden;"><svg style="display: inline-block; position: absolute; top: 0; left: 0;" viewbox="-50 0 600 70" preserveAspectRatio="xMinYMin meet"><a xlink:href="https://developer.mozilla.org/en-US/docs/Web/API/Event" target="_top"><rect x="1" y="1" width="75" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text x="38.5" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">Event</text></a><polyline points="76,25 86,20 86,30 76,25" stroke="#D4DDE4" fill="none"/><line x1="86" y1="25" x2="116" y2="25" stroke="#D4DDE4"/><a xlink:href="https://developer.mozilla.org/en-US/docs/Web/API/UIEvent" target="_top"><rect x="116" y="1" width="75" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text x="153.5" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">UIEvent</text></a><polyline points="191,25 201,20 201,30 191,25" stroke="#D4DDE4" fill="none"/><line x1="201" y1="25" x2="231" y2="25" stroke="#D4DDE4"/><a xlink:href="https://developer.mozilla.org/en-US/docs/Web/API/InputEvent" target="_top"><rect x="231" y="1" width="100" height="50" fill="#F4F7F8" stroke="#D4DDE4" stroke-width="2px" /><text x="281" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">InputEvent</text></a></svg></div>
a:hover text { fill: #0095DD; pointer-events: all;}
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.
Update compatibility data on GitHub
| Desktop | Mobile | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
InputEvent | Chrome Full support 60 | Edge No support No | Firefox Full support 31 | IE No support No | Opera Full support 47 | Safari Full support 10.1 | WebView Android Full support 60 | Chrome Android Full support 60 | Edge Mobile ? | Firefox Android Full support 31 | Opera Android Full support 44 | Safari iOS Full support 10.1 | Samsung Internet Android Full support Yes |
InputEvent() constructor | Chrome Full support 60 | Edge No support No | Firefox Full support 31 | IE No support No | Opera Full support 47 | Safari ? | WebView Android Full support 60 | Chrome Android Full support 60 | Edge Mobile ? | Firefox Android Full support 31 | Opera Android Full support 44 | Safari iOS ? | Samsung Internet Android ? |
data | Chrome Full support 60 | Edge No support No | Firefox No support No | IE No support No | Opera Full support 47 | Safari No support No | WebView Android Full support 60 | Chrome Android Full support 60 | Edge Mobile ? | Firefox Android No support No | Opera Android Full support 44 | Safari iOS No support No | Samsung Internet Android Full support Yes |
dataTransfer | Chrome Full support 60 | Edge No support No | Firefox No support No | IE No support No | Opera Full support 47 | Safari No support No | WebView Android Full support 60 | Chrome Android Full support 60 | Edge Mobile ? | Firefox Android No support No | Opera Android Full support 44 | Safari iOS No support No | Samsung Internet Android Full support Yes |
getTargetRanges | Chrome Full support 60 | Edge No support No | Firefox No support No | IE No support No | Opera Full support 47 | Safari Full support 10.1 | WebView Android Full support 60 | Chrome Android Full support 60 | Edge Mobile No support No | Firefox Android No support No | Opera Android Full support 44 | Safari iOS Full support 10.1 | Samsung Internet Android Full support Yes |
inputType | Chrome Full support 60 | Edge No support No | Firefox Full support 66 | IE No support No | Opera Full support 47 | Safari Full support 10.1 | WebView Android Full support 60 | Chrome Android Full support 60 | Edge Mobile ? | Firefox Android Full support 66 | Opera Android Full support 44 | Safari iOS Full support 10.1 | Samsung Internet Android Full support Yes |
isComposing | Chrome Full support 60 | Edge No support No | Firefox Full support 31 | IE No support No | Opera Full support 47 | Safari No support No | WebView Android Full support 60 | Chrome Android Full support 60 | Edge Mobile ? | Firefox Android Full support 31 | Opera Android Full support 44 | Safari iOS No support No | Samsung Internet Android Full support Yes |
Legend
- Full support
- Full support
- No support
- No support
- Compatibility unknown
- Compatibility unknown
- Experimental. Expect behavior to change in the future.
- Experimental. Expect behavior to change in the future.