focusについて

締切済

質問者：sooooochin
質問日時：2012/10/24 17:25
回答数：2件

<div style="display:none" >
<input type="text" name="test" value="">
</div>

上記のような感じでブラウザー上では確認できない形のテキストフィールドでは
javascript のfocus()　ではフォーカスできない仕様なのでしょうか

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

最新から表示
回答順に表示

No.2

回答者： tracer
回答日時：2012/10/25 04:07

仕様書を読んだわけではないので、あくまで個人的な感覚ですが、focusとは「選択」に近い意味合いだと思います。

また、input要素の場合、キャレットの移動を意味するはずです。従って、非表示の要素は選択もキャレットの移動もできないという印象です。というか実際できませんよね。試してないのでわかりませんが、visibility:hiddenならまだなんとなく出来てもおかしくない気がしますが、おそらくそれでも出来ないでしょうね。
どうしてもやりたいなら、position:absolute;z-index:-1;で、他の要素の裏側に回して隠してしまう手もありますね。
ただし、どういう方法であれ、隠し要素はgoogleのガイドラインに触れますね。ご利用は計画的に。

- 0
- 件

通報する

No.1

回答者： yambejp
回答日時：2012/10/24 18:03

ざっと試してみましたが、たしかにそのような感じですね

まぁ見えないinputにフォーカスするという意図がわかりませんが

<script>
window.onload=function(){
document.getElementById("test1").focus();
document.getElementById("test2").focus();
}
</script>
<form action="">
<div>
<input type="text" name="test1" id="test1" value="">
<div style="display:none" >
<input type="text" name="test2" id="test2" value="">
</div>
<input type="text" name="test3" id="test3" value="">
<input type="submit" value="go">
</div>
</form>