OnChange事件

<事件对象

更多"Try it Yourself"下面的例子。

定义和用法

当元件的值已经改变发生onchange事件。

对于单选按钮和复选框，当检查的状态已经改变发生onchange事件。

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

浏览器支持

句法

在HTML：

< 试一试»

在JavaScript：

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

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

object .addEventListener("change", 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 = “电话”>，<INPUT TYPE = “文本”>，<INPUT TYPE = “时间”>，<INPUT TYPE = “URL”>，<INPUT TYPE =“周“>，<密钥生成>， <select>和<textarea>
DOM版本：	2级事件

---

更多示例

例

执行一个JavaScript当用户改变一个输入字段的内容：

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

试一试»

---

<事件对象