MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

<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 - 它只会在用户提交更改时触发。

文档标签和贡献者

 此页面的贡献者: xgqfrms-GitHub, laobubu, ziyunfei, lyklykkkkkkk
 最后编辑者: xgqfrms-GitHub,