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()">

試一試»

---

<事件對象