这是
实验性技术
检查
浏览器兼容性表格
要小心谨慎在生产中使用这之前。
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="../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="../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="../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;}
InputEvent()
InputEvent
对象。
This interface
inherits properties from its parents,
UIEvent
and
事件
.
InputEvent.data
只读
DOMString
with the inserted characters. This may be an empty string if the change doesn't insert text (such as when deleting characters, for example).
InputEvent.dataTransfer
只读
DataTransfer
object containing information about richtext or plaintext data being added to or removed from editable content.
InputEvent.inputType
只读
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.isComposing
只读
布尔
value indicating if the event is fired after
compositionstart
and before
compositionend
.
This interface
inherits methods from its parents,
UIEvent
and
事件
.
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.
| 规范 | 状态 | 注释 |
|---|---|---|
|
Input Events Level 2
The definition of 'InputEvent' in that specification. |
工作草案 | |
|
UI Events
The definition of 'InputEvent' in that specification. |
工作草案 | 初始定义。 |
| 桌面 | 移动 | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
InputEvent
|
Chrome 60 | Edge 79 | Firefox 31 | IE No | Opera 47 | Safari 10.1 | WebView Android 60 | Chrome Android 60 | Firefox Android 31 | Opera Android 44 | Safari iOS 10.3 | Samsung Internet Android 8.0 |
InputEvent()
构造函数
|
Chrome 60 | Edge 79 | Firefox 31 | IE No | Opera 47 | Safari ? | WebView Android 60 | Chrome Android 60 | Firefox Android 31 | Opera Android 44 | Safari iOS ? | Samsung Internet Android 8.0 |
data
|
Chrome 60 | Edge 79 | Firefox 67 | IE No | Opera 47 | Safari No | WebView Android 60 | Chrome Android 60 | Firefox Android 67 | Opera Android 44 | Safari iOS No | Samsung Internet Android 8.0 |
dataTransfer
|
Chrome 60 | Edge 79 | Firefox 67 | IE No | Opera 47 | Safari No | WebView Android 60 | Chrome Android 60 | Firefox Android 67 | Opera Android 44 | Safari iOS No | Samsung Internet Android 8.0 |
getTargetRanges
|
Chrome 60 | Edge 79 | Firefox No | IE No | Opera 47 | Safari 10.1 | WebView Android 60 | Chrome Android 60 | Firefox Android No | Opera Android 44 | Safari iOS 10.3 | Samsung Internet Android 8.0 |
inputType
|
Chrome 60 | Edge 79 | Firefox 66 | IE No | Opera 47 | Safari 10.1 | WebView Android 60 | Chrome Android 60 | Firefox Android 66 | Opera Android 44 | Safari iOS 10.3 | Samsung Internet Android 8.0 |
isComposing
|
Chrome 60 | Edge 79 | Firefox 31 | IE No | Opera 47 | Safari No | WebView Android 60 | Chrome Android 60 | Firefox Android 31 | Opera Android 44 | Safari iOS No | Samsung Internet Android 8.0 |
完整支持
不支持
兼容性未知
实验。期望将来行为有所改变。