onchange 事件

当用户更改 <select> 元素的选定选项时调用函数：

下面有更多 "亲自试一试" 示例。

描述

这个onchange事件发生时HTML 元素的值被更改。

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

在 HTML 中：

< element onchange=" myScript">

在 JavaScript 中：

object.onchange = function(){ myScript};

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

object.addEventListener("change", myScript);

气泡：	是的
可取消：	不
事件类型：	事件
HTML 标签：	<输入类型="checkbox">、<输入类型="color">、<输入类型="date">、<输入类型="datetime">、<输入类型="email">, <输入类型="file">, <输入类型="month">, <输入类型="number">, <输入类型="password">, <输入类型="radio">、<输入类型="range">、<输入类型="search">、<输入类型="tel">、<输入类型="text">、<输入类型="time">、<输入类型="url">、<输入类型="week">、<选择> 和 <文本区域>
DOM 版本：	2 级活动

onchange是 DOM Level 2 (2001) 功能。

所有浏览器都完全支持它：


Chrome	Edge	Firefox	Safari	Opera	IE
Yes	Yes	Yes	Yes	Yes	9-11