onchange - 変更があった時に発火する

投稿日:

JavaScriptの、イベントハンドラのonchangeは、フォーム内容に変化があった時に発火して処理を実行します。

説明

イベントハンドラのonchangeは、フォームの内容に変化があった時に発火します。ラジオボタンの場合はチェックが付いた時のみ、チェックボックスの場合はチェックが付いた時とチェックが外れた時の両方で発火します。また、入力フォームの場合は文字を打つごとではなく、フォーカスを外したタイミングで判定があり、変更があれば発火します。

サンプルコード

<a id="target">SYNCER</a>
// 要素を取得
var aElement = document.getElementById( "target" ) ;

// 処理を定義
var action = function() {
	// 処理内容
}

// イベントを設定 ( addEventListener )
aElement.addEventListener( "change", action ) ;

// イベントを削除
aElement.removeEventListener( "change", action ) ;
// 要素を取得
var aElement = document.getElementById( "target" ) ;

// イベントを設定 ( onchange )
aElement.onchange = function() {
	// 処理内容
}

// イベントを削除
aElement.onchange = null ;

デモ

テキストフォーム、ラジオボタン、セレクトフォーム、それぞれにonchangeイベントを設定しました。イベントが発生するごとに、発生回数がカウントアップされます。

関連項目

外部リンク