DOM

：

：

HTMLElement：change イベント

　編集：2022.10.03 by T.A.

[Edge]。→、

ユーザーによる要素の値の変更が確定したときに発行されます。

対象は、<input>、<select>、<textarea> 要素。

バブリング あり
キャンセル 不可
インターフェイス Event
イベント ハンドラー プロパティ onchange
関連

inputイベント。

例

HTML： 

<INPUT id=IdInput type=text><BR>
<INPUT id=IdInput2 type=checkbox><BR>
<DIV id=IdDiv contenteditable>DIV要素。ここで編集して…</DIV>
<SPAN id=IdLog></SPAN>

JavaScript： 

function Job(eve){
  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
	//…


  let E=eve.target;
  IdLog.innerHTML=IdLog.innerHTML+"●";
}
IdInput.onchange=Job;
IdInput2.onchange=Job;
IdDiv.onchange=Job;

編集可能要素ではchangeイベントは起こらなかった。

INPUT（type=checkbox）で一度クリックした： 

//eve＝[object]：[object Event]
//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
//…
テスト