2012-03-05 13 views
0

次のコードでは、ページが読み込まれるときに要素オートフォーカスを与えようとします。<a>要素のオートフォーカス

<a href="/{{setting}}" id="next" class="button big active">Next vocabulary</a> 
<script> 
    document.getElementbyId("next").focus(); 
</script> 

これは入力フィールドでうまく動作しますが、要素では機能しません。誰も私のことを説明できますか?問題は、あなたがgetElementById間違って入力したことである

よろしく

+0

... 'a'要素には何も入力する必要がないので、 –

+1

なぜ要素に焦点を当てますか?私はそこに実際の.focus()があるとは思わない。たぶんそれはCSSで強調表示されますか? –

+0

これは対話型のコントロールであるためです。 'tab'を押すと次の順番に進みます。 'enter'を押すと、そのリンクが続きます。 – Quentin

答えて

1

、それは大文字の「B」でなければなりません。

<a href="/{{setting}}" id="next" class="button big active">Next vocabulary</a> 
<script> 
    document.getElementById("next").focus(); 
</script> 

これで動作するはずです。

+0

ありがとうございました。本当に大文字の「B」で問題が発生しました。 私はそれを十分に認識していませんでした。 なぜ私は要素にフォーカスを付ける必要があるのか​​尋ねた人もいます。私の実装では、次のボタンはa要素で実現されています。 よろしく – orschiro

関連する問題