JavaScript HTML DOM oninput 事件

oninput 事件

当元素获得用户输入时，会发生oninput事件。当<input>或<textarea>元素的值更改时，会发生此事件。

提示：此事件类似于onchange事件。不同之处在于oninput事件在元素的值发生更改后立即发生，而onchange在元素失去焦点后发生，在内容更改之后。另一个区别是onchange事件也适用于<select>元素。

当用户在<input>字段中写入内容时执行JavaScript：

<input type="text" oninput="myFunction()">

尝试一下

项	IE/Edge	Chrome	FireFox	Safari	Opera
事件
oninput	9.0+	支持	4.0+	5.0+	支持

在HTML中：

在JavaScript中：

object.oninput = function(){myScript};

在JavaScript中，使用addEventListener()方法：

object.addEventListener("input", myScript);

注意:在Internet Explorer 8和更早版本不支持使用addEventListener()方法。

项目	描述
冒泡：	有
取消：	没有
事件类型：	InputEvent，Event
支持的HTML标记：	<input type =“checkbox”>，<input type =“color”>，<input type =“date”>，<input type =“datetime”>，<input type =“email”>，<input type =“ file“>，<input type =”month“>，<input type =”number“>，<input type =”password“>，<input type =”radio“>，<input type =”range“>，< input type =“search”>，<input type =“tel”>，<input type =“text”>，<input type =“time”>，<input type =“url”>，<input type =“week “>，<select>和<textarea>
DOM版本	DOM Event Level 3