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

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

フォーム

JavaScriptで自動的にフォーカスを移動させてみよう!

投稿日:

★.click() クリックする
★.blur() フォーカスを外す
★.focus() フォーカスを合わせる
★.select() 文字を選択状態にする
★・・・Elementオブジェクト(エレメント名またはelements[参照番号])
ボタンのクリック、フォーカスの移動、入力欄の文字列の選択などを自動的に行うメソッドです。selectメソッドで文字を選択するには、あらかじめ対象とするフォームや入力フィールドテキストエリア内にfocusメソッドでフォーカスを合わせておく必要があります。
// フォーム名 form1 のエレメント名 btn1 を自動的にクリックします。
document.form1.btn1.click();
// 1番目のフォームの1番目のエレメントのフォーカスを外します。
document.forms[0].elements[0].blur();
// フォーム名 form1 のエレメント名 nickname にフォーカスを合わせます。
document.form1.nickname.focus();
// フォーム名 form1 のエレメント名 nickname の文字列を選択状態にします。
document.form1.nickname.select();

スポンサーリンク

-フォーム
-

執筆者:


comment

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

関連記事

JavaScriptでどの項目が選択されているか調べよう!

★.selectedIndex ★・・・Elementオブジェクト(エレメント名またはelements[参照番号]) セレクトメニューで選択されている項目の参照番号を参照します。最初のメニュー項目の参 …

JavaScriptでフォームの送信形式を設定しよう!

★.action 送信先を参照/設定 スポンサーリンク ★・・・Formオブジェクト(フォーム名またはforms[参照番号])     form要素の各属性で指 …

JavaScriptでフォームの内容を送信しよう!

★.submit() フォームの内容を送信 スポンサーリンク ★・・・Formオブジェクト(フォーム名またはforms[参照番号]) フォームの内容を送信するメソッドです。submitメソッドを利用し …

JavaScriptでフォームの部品に表示されるテキストを設定

★.value エレメントの文字列を参照/設定 ★.defaultValue テキストエリアの初期文字列を参照 ★.options[参照番号].text 選択メニューの項目を参照/設定 ★・・・Ele …

JavaScriptでフォームを参照しよう!

★.フォーム名 フォームを参照 forms[参照番号] フォームを参照 ★.forms.length フォームの数を参照 ♦.name フォームの名前を参照 ★・・・Documentオブ …