フォーカスを合わせる

2023/10/14 03:31

このQ&Aのポイント

<a href="javascript:onclick_event1();" class="subMenu" tabindex="1" name="event1">イベント１</a>、<a href="javascript:onclick_event2();" class="subMenu" tabindex="2">イベント２</a>をウインドオープン時にフォーカスする方法を教えてください。
ウインドオープン時にフォーカスを<a href="javascript:onclick_event1();" class="subMenu" tabindex="1" name="event1">イベント１</a>にあてたいのですが、その方法を教えてください。
ウインドオープン時にフォーカスを指定したリンクにあてる方法を教えてください。

ベストアンサー

フォーカスを合わせる

2006/09/11 18:07

<a href="javascript:onclick_event1();" class="subMenu" tabindex="1" name="event1">イベント１</a> <a href="javascript:onclick_event2();" class="subMenu" tabindex="2">イベント２</a> ウインドオープン時に「イベント１」にフォーカスをあてたいのですが、、、 </form>前に以下の記入では駄目でしょうか？ <script language="javascript">  </script>

GON_TA
お礼率31% (11/35)

JavaScript
回答数1
ありがとう数1

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

yuchi-co
ベストアンサー率60% (29/48)

2006/09/11 19:01 回答No.1

リンクにid属性をつけて、 <a href="javascript:onclick_event1();" class="subMenu" tabindex="1" name="event1" id="e1">イベント１</a> 下記のようにJavascriptを記述すればできます。

質問者

お礼 2006/09/11 19:26

ありがとうございます。フォーカスあたりました！

関連するQ&A

javascriptにてonclickを無効
javascriptにてonclickを無効にしたい下記のように、onclickイベントキャンセルを書きましたが、 onclickのjavascriptが実行されます。何かヒントはありませんか？ <html> <head> <script language="JavaScript"> document.onclick = function(e) { event.returnValue = false; } </script> </head> <body> <a href="a.htm" onclick="alert('onclick');">onclick有り</a> <a href="a.htm">onclick無し</a> </body> </html> ※環境 Windows2000(sp4)+ie6(sp1)
- ベストアンサー
- JavaScript
フォーカスする際のテキストフィールド名を変数で渡したい
表のような入力フォームがあって、submitした際にあるプログラムが走り、HTML本体を再読み込みしています。画面が表示されたときに、テキストフィールドにあらかじめフォーカスを合わせるには、以下のOnloadとfocus()を使いますよね？ <body onLoad="document.Form.Field.focus()"> で、再読み込み時には、次の入力用テキストフィールドへフォーカスを合わせたいのですが、どうすればいいでしょうか？例えば A1 A2 A3 というとき、A1を入力後、後ろでプログラムが走り、再読み込みして画面が再表示されたときに、A2にフォーカスがうつっている、という感じです。通常の書き方だとBodyにはひとつか(A1しか)かけないので・・・変数を使ったらどうかと思ってやってみましたがうまくいきません。 <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> <body onLoad="document.Form.(f).focus()"> 又は <body onLoad="document.Form.var(f).focus()"> <body onLoad="document.Form.f.focus()"> フィールドにindextabをしてみましたがダメでした。又A1にonBlurが入っております。そもそも変数なんて使えるのでしょうか？変数以外の方法でも、他にアイディアがあればお願いします。締切りが明日で非常にあせっています。よろしくお願いいたします。
- ベストアンサー
- JavaScript
テキスト入力フォームをクリックしなくてもアクティブに
テキスト入力フォームをクリックしなくてもアクティブにするjavascriptを教えてください。下のスクリプトの間違っている箇所がわかりません。フォームタグの閉じる位置でしょうか。 <form name=frm> <input TYPE=TEXT SIZE=20> <input TYPE=Button VALUE="検索" onClick='alert("仮")'> </form> <script language=javascript> // </script>
- ベストアンサー
- JavaScript
小窓ウィンドウについて
リンク先をソースに表示せずに小窓ウィンドウを立ち上げるにはどうすればいいのでしょうか？何かの関数ですか <script language=JavaScript> document.write(" <a onclick=openi() href="javascript:d()"> よろしくお願いします。
- ベストアンサー
- JavaScript
動的にTabindexの値を変えたい！
テキストの属性であるTabindexを動的に変更したいのですが可能でしょうか？例えば、初期表示時では下記で。 <input name=A tabindex=1> <input name=B tabindex=2> <input name=C tabindex=3> あるイベント時に下記のようなことが出来ると理想的なのです。。 function イベント(){ document.form.A.tabindex ="3"; document.form.B.tabindex ="2"; document.form.C.tabindex ="1"; } JavaScriptではTabindexを動的に変更できないのでしょうか？もしご存知の方がいらしたら是非、アドバイスをお願い致します。
- ベストアンサー
- JavaScript
Safari3にて、新しく開いたウィンドウの入力フォームにフォーカスが合いません
はじめまして。 javascriptでフォームにフォーカスを当てる処理として、下記のfocusTextファンクションをonloadで呼び出しています。 function focusText(){ document.getElementById("toFocus").focus(); } しかし、Safari3.2.2の場合、対象のHTMLを　target="_blank"　にて開いた場合にフォーカスが合ってくれません。 window.opener.blur(); を挟んでもうまく行きませんでした。 Safari4や、Interner Explorer、Google Chrome、Firefox等ではうまく行っています。 OSはWindows Vistaです。解決策をおわかりの方、ご教授いただければ幸いです。サンプルのソースを下記に記述します。宜しくお願い致します。 == base.html == <html> <head></head> <body> <a href="new.html" target="_self">自身のウィンドウ</a><br> <a href="new.html" target="_blank">新しいウィンドウ</a> </body> </html> == new.html == <html> <head> <script type="text/javascript"> function focusText(){ document.getElementById("toFocus").focus(); } </script> </head> <body onload="focusText();"> <form> <input type="text" id="toFocus"> </form> </body> </html>
- 締切済み
- JavaScript
別なページにジャンプさせたい
ボタンをクリックすると指定のページに飛ぶようにしたいのですが、 <html> <head> <script language="JavaScript"> function jump(){ location.href="index.html"; } </script> </head> <body> <form onSubmit="jump()"> <input type="submit"> </form> </body> </html> でも <html> <head> <script language="JavaScript"> function jump(){ location.href="index.html"; } </script> </head> <body> <form> <input type="submit" onClick="jump()"> </form> </body> </html> でも動きません。（そのページを表示したままです） <body onload="jump()">にしたときは正常にジャンプできるので、クリックのイベントが拾えていないと思うのですが、どのように記述すればいいのでしょうか。よろしくお願いいたします。
- ベストアンサー
- JavaScript
クリック→フォーカスのある場所に文字を挿入
同一ページのリンクをクリックした時に、あるテキストボックスのフォーカスのある場所に文字を挿入したい。＃テキストボックスのnameは取得せずに。＃「フォーカスがある場所へ」限定。 <A HREF="javascript:function voi(){};voi()" onClick="document.main.☆この辺わからない☆='文字'">入れる</A> ↑ここをクリックするとフォーカスのあるところに入る。というようなことはできますか？
- ベストアンサー
- JavaScript
imgボタンにfocusの当て方
<a href="#" onclick="javascript:on_pwche();"><img src="./img/ok.png" alt="OK"></a> 上記のボタンにフォーカスを当てたいのですが、どうしたら良いのでしょうか？宜しくお願いします。－－－以　上－－－
- ベストアンサー
- JavaScript
開いたタブ（ウィンドウ）にフォーカスが当たらない
IE8 をタブモードで利用したとき、新しく開いたタブ（ウィンドウ）にフォーカスが当たりません。 JavaScript の window.open で別タブ（ウィンドウ）を表示する処理を onload イベントで行うと、新しいタブ（ウィンドウ）にフォーカスがあたりません。 button のクリックイベントで表示した場合は、新しいタブ（ウィンドウ）にフォーカスが当たります。やりたいことは submit してページを再表示するときに新しいタブ（ウィンドウ）を表示して、そちらにフォーカスを設定することです。また、できればブラウザのバージョンによって処理を切り替えるようなことはしたくありません。何か原因や解決策などありましたらご教授ください。よろしくお願いします。＜この現象が発生する環境＞ IE8 と IE7 で下記のように設定した場合ツール　→　インターネットオプション　→　全般タブ　→　タブ　→　設定　→　ポップアップの発生時　の設定を　　「常に新しいタブでポップアップを開く」　にする。 ※IE9 ではこの現象は発生せず、新しいタブ（ウィンドウ）に　フォーカスがあたります。 ※IE7, 8 でもタブモードではなく、別ウィンドウで開く　設定になっている場合は、新しいウィンドウにフォーカスが　あたります。＜サンプルソースと説明＞（説明） test1.html から window.open で test2.html を表示します。 onload で表示したときは test2.html のタブ（ウィンドウ）にフォーカスがあたりません。 button のクリックイベントで表示したときは test2.html のタブ（ウィンドウ）にフォーカスがあたります。 ---（test1.html）---------------------------------- <html> <head runat="server"> <title></title> <script language="javascript" type="text/javascript"> window.onload = function () { OpenWindowTest(); } function OpenWindowTest() { var TestWin = window.open('test2.html'); TestWin.document.focus(); } </script> </head> <body> <form> <div> <input type="button" value="button" onclick="OpenWindowTest();" /> <br /> <input type="submit" value="submit" /> </div> </form> </body> </html> --------------------------------------------------- ---（test2.html）---------------------------------- <html> <body onload="window.focus();"> テストページ </body> </html> ---------------------------------------------------
- 締切済み
- JavaScript