HTML onchange 属性

❮ 前へ 全ての HTML 属性 次へ ❯

定義と用法

onchange 属性は、要素の値が変った瞬間に発火します。

チップ: このイベントは、oninput イベントに似ています。 違いは、oninput イベントが要素の値が変った直後に発生する一方で、onchange は要素がフォーカスを失ったときに発生します。 その他の違いは、onchange イベントは <keygen> と <select> 要素でも動作することです。

適用

onchange 属性は イベント属性 の一つで、全ての HTML 要素で使用することができます。

要素 イベント
全ての HTML 要素 onchange

例

Select の例

<select> 要素の選択した選択肢をユーザが変更したときに JavaScript を実行します：

<select onchange="myFunction()">
Try it Yourself ❯

Input の例

ユーザが入力フィールドの内容を変更したときに JavaScript を実行します：

<input type="text" name="txt" value="Hello" onchange="myFunction(this.value)">
Try it Yourself ❯

ブラウザ・サポート

イベント属性
onchange Yes Yes Yes Yes Yes
❮ 前へ 全ての HTML 属性 次へ ❯