阅读(2.4k) 书签赞(0) 我要纠错

EventTarget事件：input

2019-01-22 15:24 更新

EventTarget事件 - input

当<input>，<select>或<textarea>元素的值被更改时，DOM input事件将同步触发。该事件也适用于启用了contenteditable的元素，以及启用designMode时的任何元素。

在contenteditable和designMode的情况下，事件目标是编辑主机。如果这些属性适用于多个元素，则编辑主机是最近的祖先元素，其父元素不可编辑。

对于type = checkbox或type = radio的<input>元素，只要用户根据HTML5规范切换控件，就会触发input事件。然而，从以往的使用结果来看，并非总是如此。检查兼容性，或者使用change事件代替这些类型的元素。

注意：与input不同，对于元素值的每次更改，都不一定会触发change事件。

我们将兼容性数据转换为机器可读的JSON格式。

	Chrome	Edge	Firefox（Gecko）	Internet Explorer	Opera	Safari
基本支持	支持	支持	支持^[1]	支持：9 ^{[2] [3]}	支持^[4]	支持
`compositionupdate`之后	支持	支持	支持：12	支持	支持：15	支持
在`contenteditable`元素上	支持	支持	支持：14	不支持	支持：15	支持
当`designMode`是`"on"`	支持	？	支持：14	不支持	支持：15	支持
`data`	支持	？	不支持	？	？	支持
`isComposing`	支持	？	支持：31	不支持	不支持	不支持
在`<select>`元素上	支持	不支持	支持：49	不支持	？	？
在类型`checkbox`的`<input>`元素上	支持	？	支持：49	不支持	支持	不支持
在类型`radio`的`<input>`元素上	支持	？	支持：49	不支持	支持	不支持

	Android	Chrome for Android	Edge	Firefox Mobile (Gecko)	IE Mobile	Opera Mobile	Safari Mobile
基本支持	支持	支持	支持	支持	?	?	支持
`compositionupdate`之后	?	?	支持	支持：12.0	?	?	?
在`contenteditable`元素上	?	(Yes)	?	支持：14.0	?	?	支持
当`designMode`是`"on"`	?	?	?	支持：14.0	?	?	?
`data`	?	?	?	No support	?	?	?
`isComposing`	不支持	不支持	?	支持：31.0	不支持	不支持	不支持
在`<select>`元素上	?	支持	?	不支持	?	?	?
在类型`checkbox`的`<input>`元素上	?	?	?	?	?	?	?
在类型`radio`的`<input>`元素上	?	?	?	?	?	?	?

注释：

[1]在Gecko 12.0（Firefox 12.0 / Thunderbird 12.0 / SeaMonkey 2.9）之前，Gecko在使用IME进行合成或在macOS X上使用死键时没有发生input事件。

[2] 当用户从输入中删除字符时（例如，通过按Backspace或Delete，或使用“剪切”操作），IE 9不会触发input事件。

[3] IE 10和IE 11有一个错误，input事件触发占位符属性更改。

[4]在Opera 15之前，Opera 在输入字段中删除文本后没有触发input事件。

以上内容是否对您有帮助：

写笔记

我要补充