もっと"Try it Yourself"以下の例。
定義と使用法
要素の値が変更されたときのonchangeイベントが発生します。
チェック状態が変更されたとき、ラジオボタンやチェックボックスの場合は、のonchangeイベントが発生します。
ヒント：このイベントはに似てoninputイベント。 違いは、要素がフォーカスを失ったときにコンテンツが変更された後のonchangeは、発生しつつoninputイベントは、要素の値が変更された直後に発生することです。 他の違いは、のonchangeイベントも上で動作することをある<keygen>と<select>要素。
ブラウザのサポート
| イベント | |||||
|---|---|---|---|---|---|
| onchange | はい | はい | はい | はい | はい |
構文
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 =」ファイル ">、<入力タイプ=" 月 ">、<入力タイプ=" 数 ">、<入力タイプ=" パスワード ">、<入力タイプ=" ラジオ ">、<入力タイプ=" 範囲 ">、<入力タイプ= "検索">、<入力タイプ= "TEL">、の<input type = "text">、<入力タイプ= "時間">、<入力タイプ= "URL">、<入力タイプ= "週「>、<keygenの>、 <select>し<textarea> |
| DOMバージョン： | レベル2のイベント |
その他の例
例
ユーザーが入力フィールドの内容を変更したときにJavaScriptを実行します。
<input type="text"
onchange="myFunction()">
»それを自分で試してみてください <イベントオブジェクト