DOM

：

：

Window：change イベント

　編集：2022.10.16 by T.A.

[Edge]。→、、

ウインドウ内の要素の値が変化したときに発行されます。

バブリング ¶あり
キャンセル可能 ¶いいえ
インターフェイス Event
イベント ハンドラー プロパティ onchange
例
各要素と change イベント

HTML： 

<SPAN id=IdSpan contenteditable>SPAN要素。ここで編集…</SPAN><BR>
<INPUT id=IdIText value="INPUT要素">
<INPUT id=IdIChecbox type=checkbox>
<INPUT id=IdIRange type=range>
<INPUT id=IdIColor type=color>
<INPUT id=IdIButton type=button value="type=button">
<BR>
<SELECT id=IdSelect >
 <OPTION>OPTION要素1
 <OPTION>OPTION要素2
 <OPTION>OPTION要素3
</SELECT><BR>
<SPAN id=IdLog></SPAN>

JavaScript： 

function Job(eve){  //change イベントの処理：
  D=eve;  //＝[object]：[object Event]。INPUT（type=text）要素で「あ」と入力して [Enter] を押した。

詳細	//isTrusted＝[boolean]：true
	//type＝[string]：change
	//target＝[object]：[object HTMLInputElement]
	//currentTarget＝[object]：null
	//eventPhase＝[number]：0
	//bubbles＝[boolean]：true
	//cancelable＝[boolean]：false
	//defaultPrevented＝[boolean]：false
	//composed＝[boolean]：false
	//…


  IdLog.innerHTML=IdLog.innerHTML+"●";
}
window.onchange=Job;

contenteditable による編集可能要素、INPUT（type=button）では change イベントは起きなかった。

しかし、value の値を変更すればイベントは起きるようです。○○.value=10 など。

テスト