WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:onFocus="this.blur();"制御によるタブ移動の問題

0:[投稿] iku [2003/02/26 14:13 ][環境:IE5.5 WIN2000 solaris Apache]

はじめまして。
入力不可(readonly)のtextboxを、
<input type="text" onFocus="this.blur();" value="aaa">
として置きました。

このとき、ブラウザ上でタブ移動した時に、この入力フォームに
入っている値(aaa)が選択状態となり、次の入力フォームに移動
してくれません。

この現象はIE5.50で出ています。NN7ではこのような現象は
起こりませんでした。

回避方法をご存知の方がおられましたら、ご教授ください。


1:[関連] iku [2003/02/26 14:16 ]

補足です。
<input type="text" onFocus="this.blur();" value="aaa">
のaaaが選択状態となって、ここでタブキーを押してもどこにも
フォーカスが移動しない、という意味です。
また、onFocusで次の入力フォームにフォーカスを置くように
記述した場合、逆移動(シフトキーを押しながらタブ移動)するときに、
問題が発生します。
参っております(x_x)。


2:[回答] Yachimata [MAIL] [2003/02/26 15:24 ]

こんにちは。

blur() がフォーカスをOFFにするだけの命令と考えるとその動作も頷けますね。
何処にもフォーカスが当たっていないという事ですよね。だからタブ移動も効かない、と。


入力しないのであれば、テキストボックスにしなくても良いのではないでしょうか。

しないけどどうしてもテキストボックス、というのであれば disabled にするとか。色が変わるのは駄目ですか?


3:[回答] iku [2003/02/26 16:17 ]

なるほど、disabledという手がありましたね!
対応ブラウザが複数あるので、調査してみます。
ありがとうございます。


4:[保留] iku [2003/02/26 16:17 ]

すみません、状態を間違えました・・・。


5:[完了] iku [2003/02/26 16:31 ]

セレクトボックスの選択によって値が自動挿入される部分でした
ので、テキストボックスとしていました。

disabledの見栄えが気になるところですが、フォーカス移動は
問題なく行えますね。

とりあえず、ユーザに聞いて判断してもらおうかと思います。
Yachimataさん、ありがとうございました。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World