最新的Web开发教程
 

oninput事件

<事件对象

执行一个JavaScript当用户在写东西<input>字段:

<input type="text" oninput="myFunction()">
试一试»

定义和用法

当元件获取的用户输入时发生oninput事件。

当的值时发生此事件<input><textarea>元素被改变。

提示:此事件是类似的onchange事件。 所不同的是,当元件失去焦点的内容已被改变之后,而电平变化时,产生一个事件oninput一个元素的值已改变之后立即。 另一区别是,onchange事件也适用于<keygen><select>元素。


浏览器支持

在表中的数字规定,完全支持该事件的第一个浏览器版本。

事件
oninput 9 4 5

句法

在HTML:

在JavaScript:

object .oninput=function(){ 试一试»

在JavaScript中,使用addEventListener()方法:

object .addEventListener("input", myScript );
试一试»

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


技术细节

泡沫:
取消: 没有
事件类型: 事件
支持的HTML标签: <INPUT TYPE = “彩色”>,<INPUT TYPE = “日期”>,<INPUT TYPE = “日期时间”>,<INPUT TYPE = “电子邮件”>,<INPUT TYPE = “月”>,<INPUT TYPE =”号码 “>,<INPUT TYPE =” 密码 “>,<INPUT TYPE =” 范围 “>,<INPUT TYPE =” 搜索 “>,<INPUT TYPE =” 电话 “>,<INPUT TYPE =” 文本“>,<输入类型= “时间”>,<INPUT TYPE = “URL”>, <input type="week"><textarea>
DOM版本: 3级事件

<事件对象