当 <input> 或 <textarea> 元素的值更改时，DOM input 事件会同步触发。(对于 type = checkbox 或 type = radio 的输入元素，当用户单击控件时，输入事件不会触发，因为value属性不会更改。) 此外，当内容更改时，它会在 contenteditable 的编辑器上触发。在这种情况下，事件目标是编辑主机元素。如果有两个或多个具有 contenteditable 的元素为真，“编辑主机”是其父级不可编辑的最近的祖先元素。同样，它也会在 designMode 编辑器的根元素上触发。
基本信息
- 规范
- HTML5, DOM Level 3 Events
- Interface
Event,InputEvent- 冒泡
- Yes
- 可取消
- No
- 目标
- Element
- 默认操作
- 被修改的值或内容。
属性
| Property | Type | Description |
|---|---|---|
target 只读 |
EventTarget |
The event target (the topmost target in the DOM tree). |
type 只读 |
DOMString |
The type of event. |
bubbles 只读 |
Boolean |
Whether the event normally bubbles or not |
cancelable 只读 |
Boolean |
Whether the event is cancellable or not? |
浏览器兼容性
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | (Yes) | (Yes)[1] | 9[2] | (Yes)[3] | (Yes) |
紧随 compositionupdate 之后触发 |
(Yes) | 12 (12) | (Yes) | 未实现 | (Yes) |
可用于 contenteditable 元素 |
(Yes) | 14 (14) | 未实现[4] | 15 | (Yes) |
在 designMode 为 "on" 时 |
(Yes) | 14 (14) | 未实现 | 未实现 | (Yes) |
data |
? | 未实现 | ? | ? | ? |
isComposing |
未实现 | 31 (31) | 未实现 | 未实现 | 未实现 |
| Feature | Android | Chrome for Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| Basic support | (Yes) | (Yes) | (Yes) | ? | ? | (Yes) |
紧随 compositionupdate 之后触发 |
? | ? | 12.0 (12) | ? | ? | ? |
可用于 contenteditable 元素 |
? | ? | 14.0 (14) | ? | ? | ? |
在 designMode 为 "on" 时 |
? | ? | 14.0 (14) | ? | ? | ? |
data |
? | ? | 未实现 | ? | ? | ? |
isComposing |
未实现 | 未实现 | 31.0 (31) | 未实现 | 未实现 | 未实现 |
[1] 在 Gecko 12.0 (Firefox 12.0 / Thunderbird 12.0 / SeaMonkey 2.9) 之前，用户在输入法中输入时，或者 dead keys were used on Mac OS X 时，Gecko 不触发 input 事件。
[2] IE 9 在用户删除输入的文字时不触发 input 事件(例如，按 Backspace 或者删除键，或者“剪切”文字).
[3] Opera 在用户把文字拖进输入框时，不触发 input 事件。
[4] 事件 target 是光标所在的最内侧的元素。
参见
此外， change 事件是相关的。change 触发的频率少于 input - 它只会在用户提交更改时触发。