onchangeイベント
タグエレメントの値が変化したら、onchangeイベントが発生します。
oninputイベントとの違いは、oninputイベントは値が変化する度にscriptを実行します。onchangeイベントは値が変化しフォーカスを失ったらscriptを実行します。フォーカスを失った後で値が変化します。
onchangeイベントは<select>に対応しています。ラジオボタンやcheckboxタイプにおいても選択肢が変化したらscriptを実行します。
| Bubbles | Yes |
| Cancelable | No |
| Interface | Event |
| 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_);