JavaScript

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

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

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

サンプルソース

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

実行サンプル

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

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] 配列から要素を取得する

配列から要素を取得するサンプルです。 指定したインデックスの要素を取得する 要素を取得するには、配列番号で取得します。 ...

[JavaScript] オブジェクトの要素を全件取得する

オブジェクト(連想配列)の要素を全件取得するサンプルです。 サンプルソース 例)オブジェクトobjの全要素のキーと値を表 ...

[JavaScript] 枠線を設定する

JavaScriptで枠線を設定するサンプルです。 サンプルソース 例)ボタンを押すごとにid="target"要素の枠 ...

[JavaScript] コンソールにメッセージを出力する

コンソールにメッセージを出力するサンプルです。 サンプルソース 例)ボタンを押すとコンソールにメッセージを出力する [c ...

[JavaScript] イベントの呼び出し元のオブジェクトを取得する(event.target)

イベントの呼び出し元のオブジェクトを取得するには、event.targetを使用します。 サンプルソース 例)event ...

スポンサーリンク