現役システムエンジニアの備忘録

技術スキルや用語などの記録を残していきます

イベント

JavaScriptでフォーム操作時に処理を行いたい

投稿日:

onchange = ★ 変更時
onselect = ★ 入力フィールド選択時
★・・・実行する命令(関数や関数名)
セレクトメニュー(select要素)やテキスト入力フィールド(textarea要素、input要素の属性がtype=”text”の場合)などのフォームの部品の状態や内容が変化したときに発生するイベントです。

スポンサーリンク

onchangeイベント

フォームの部品の状態や内容が変更されたときに発生するイベントです。select、textarea、input要素(type=”text”の場合)などに設定することで、セレクトメニューの選択項目やテキスト入力フィールドの文字列が変更されたときに発生させることができます。
// セレクトメニューの項目が変更されたら、関数 idou() を呼び出します。
<select onchange=”idou()”>

onselectイベント

選択時に発生するイベントです。textarea要素、input type=”text”に設定することで、テキスト入力欄の文字列が選択されたときに発生させることができます。
// text1 の文字列が選択されたら、関数 myFunc を呼び出します。
document.form1.text1.onselect = myFunc;

スポンサーリンク

-イベント
-

執筆者:


comment

メールアドレスが公開されることはありません。

関連記事

JavaScriptで押されたキーのキーコードを取得したい

★.keycode キーコードを参照 ★・・・Eventオブジェクト 入力されたキーのキーコード(文字コード)を参照します。 // 押されたキーのキーコードをダイアログに表示します。 alert(ev …

JavaScriptでサイズ変更時に処理を行いたい

onresize = ★ ★・・・実行する命令(関数や関数名) オブジェクトのサイズが変更されたときに発生するイベントです。サイズが変更されたときに処理を実行したい場合に使用します。ウィンドウやフレー …

JavaScriptでイベントが発生した位置を調べたい

★.x マウスのX座標を参照 ★.y マウスのY座標を参照 ★.clientX マウスの表示領域上のX座標を参照/設定 ★.clientY マウスの表示領域上のY座標を参照/設定 ★.pageX マウ …

JavaScriptで画像が読み込めないときに処理を行いたい

onabort = ★ 画像の読み込み中断時 onerror = ★ 画像の読み込み失敗時 ★・・・実行する命令(関数や関数名) 画像が読み込めない場合に発生するイベントです。読み込めない画像の有無を …

JavaScriptで読み込み時や移動時に処理を行いたい!

onload = ★ ページの読み込み時 onunload = ★ ページの切り替え時 ★・・・実行する命令(関数や関数名) ページの内容が完全に読み込まれたときやページの切り替え時に処理を実行したい …