onchange

オンチェンジ（属性）

意味変更イベント

onchangeとは？

onchangeイベントは、要素の値が変更された時に発生するイベントです。主にテキストボックス、セレクトボックス、ラジオボタンなどで使用されます。

onchangeの具体的な使い方

テキストボックスの内容変更時の処理例

<input type='text' id='name' onchange='alert("名前が変更されました")'>

この例では、テキストボックスの内容が変更され、そのテキストボックスからフォーカスが外れた時に、アラートダイアログを表示して「名前が変更されました」と通知します。

セレクトボックスの選択変更時の処理例

<select onchange='alert("選択が変更されました")'>
  <option value='1'>オプション1</option>
  <option value='2'>オプション2</option>
</select>

この例では、セレクトボックスで選択が変更されると、アラートダイアログを表示して「選択が変更されました」と通知します。

onchangeに関するよくある質問

Q. onchangeはいつ発生しますか？

A. onchangeイベントは、要素の値が変更され、その要素がフォーカスを失った時に発生します。テキストボックスの場合は内容を変更してから別の要素にフォーカスを移す時、セレクトボックスやラジオボタンの場合は選択を変更した時に発生します。

Q. onchangeとoninputの違いは？

A. onchangeは値が変更されてフォーカスが外れた時に発生しますが、oninputは値が変更される度に即時発生します。例えば、テキストボックスでonchangeは入力完了後に発生しますが、oninputは1文字入力する度に発生します。

HTMLのonchangeについても学べる書籍の紹介

「プログラミング単語帳」を使って、プログラミングの単語を英単語のように学習してみませんか？
プログラミング単語帳には、HTMLのonchangeやchecked、charset、http-equiv、などのような実務でよく使われる単語が数百以上収録されています。
この書籍には、プログラミングの単語の意味や読み方、単語の使い方がわかる例文などが掲載されており、いつでもどこでもプログラミングの学習ができます。

よく使われる単語にだけ絞って学習することができるので、効率的にプログラミングが学習できます。