JavaScript HTML DOM onchange 事件

onchange 事件

更改元素的值时会发生onchange事件。对于单选按钮和复选框，更改选中状态时会发生onchange事件。

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

当用户更改<select>元素的选定选项时执行JavaScript：

<select onchange="myFunction()">

尝试一下

项	IE/Edge	Chrome	FireFox	Safari	Opera
事件
onchange	支持	支持	支持	支持	支持

在HTML中：

在JavaScript中：

object.onchange = function(){myScript};

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

object.addEventListener("change", myScript);

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

项目	描述
冒泡：	有
取消：	没有
事件类型：	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 2