コピペで使える JavaScript逆引きリファレンス

JavaScript/jQuery開発時に、こそっとお使いください。

JavaScript イベントハンドラ

[JavaScript] 値の変更イベントを取得する(onChange)

投稿日:2016年10月9日 更新日:

値の変更イベントを取得するには、onchangeイベントハンドラを使用します。

サンプルソース

例)値が変わるとアラートを表示する

実行サンプル

【テキストボックス】
↓値が変更されるとフォーカスが外れた時点でイベントが発生します。
【セレクトボックス】
↓選択した内容が変わった時点でイベントが発生します。
【チェックボックス】
↓クリックして表示が変わる直前でイベントが発生します。

解説

  • value値が存在しないタグには、onchangeは設定できません。

スポンサーリンク

スポンサーリンク

-JavaScript, イベントハンドラ

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[JavaScript] Submit時イベントを取得する(onSubmit)

Submit時イベントを取得するには、onsubmitイベントハンドラを使用します。 サンプルソース 例)Submit前 ...

[JavaScript] 演算子のまとめ

JavaScriptの演算子をまとめました。 ど忘れした時にどうぞ(;'∀') 算術演算子 演算子意味例 +加算2 + ...

[JavaScript] 使用しているブラウザを判定する

使用しているブラウザを判定するサンプルです。 サンプルソース 例)使用しているブラウザを判定する [crayon-5ad ...

[JavaScript] 入力ダイアログ(prompt)を表示する

入力ダイアログを表示するには、window.promptを使用します。 サンプルソース 例)入力ダイアログを表示する [ ...

[JavaScript] 配列の並びを逆順にする(.reverse)

配列の並びを逆順にするには、.reverse()を使用します。 サンプルソース 例)配列「1,2,3,4,5」の並びを逆 ...

スポンサーリンク