定義と使用法
onchange属性は、要素の値が変更された瞬間を発生させます。
ヒント:このイベントはに似てoninputイベント。 違いは、要素がフォーカスを失ったときのonchangeが行われている間oninputイベントは、要素の値が変更された直後に発生することです。 他の違いは、のonchangeイベントも上で動作するということです<keygen>と<select>要素。
に適用されます
onchange属性はの一部であるイベント属性 、および任意のHTML要素で使用することができます。
要素 | イベント |
---|---|
すべてのHTML要素 | onchange |
例
Select例
ユーザーが選択したオプション変更したときにJavaScriptを実行<select>要素を:
<select onchange="myFunction()">
»それを自分で試してみてください Input例
ユーザーが入力フィールドの内容を変更したときにJavaScriptを実行します。
<input type="text" name="txt" value="Hello" onchange="myFunction(this.value)">
»それを自分で試してみてください ブラウザのサポート
イベント属性 | |||||
---|---|---|---|---|---|
onchange | はい | はい | はい | はい | はい |