備忘録的プログラミングリファレンス

onchangeイベント

 タグエレメントの値が変化したら、onchangeイベントが発生します。

 oninputイベントとの違いは、oninputイベントは値が変化する度にscriptを実行します。onchangeイベントは値が変化しフォーカスを失ったらscriptを実行します。フォーカスを失った後で値が変化します。
 onchangeイベントは<select>に対応しています。ラジオボタンやcheckboxタイプにおいても選択肢が変化したらscriptを実行します。

BubblesYes
CancelableNo
InterfaceEvent
Supported HTML Elements<input type="checkbox">,<input type="color">,<input type="date">,<input type="datetime">,<input type="email">,<input type="file">,<input type="month">,<input type="number">,<input type="password">,<input type="radio">,<input type="range">,<input type="search">,<input type="tel">,<input type="text">,<input type="time">,<input type="url">,<input type="week">,<select>,<textarea>

in HTML

Syntax

<tagelement onchange="oneFunction()">

in JavaScript

Syntax

object.onchange = function(){ };

object.addEventListener("change", script_);