3

onblur / onkeydown（タブ用）などを使用するときに問題が発生するためです。

私はこの質問をしたいです：

入力テキストが1つしかないページがあり、そこに移動して[タブ]をクリックすると、フォーカスはどこに移動しますか？入力テキストにフォーカスを失わないように強制したいので、知りたいです...

私のページは次のようなものです。

<!docType>
<html>
   <body>
      <div><input type='text' /></div>
   </body>
</html>
4

2 に答える 2

1

autofocus属性を使用するよりも、そのテキストフィールドに特に焦点を合わせたい場合

<input type="text" autofocus />

または、カスタムの方法でタブをマップする場合は、tabindex属性を使用します

<a href="#" tabindex="2">Tab 2</a><br />
<a href="#" tabindex="1">Tab 1</a><br />
<a href="#" tabindex="3">Tab 3</a>

入力テキストフィールドが1つあり、その後に何もない場合、おそらくフォーカスがブラウザのアドレスバーに移動するか、ユーザーがブラウザをアドオンしている場合はアドオンバーに移動する可能性があります。アドオンバー

于 2013-03-21T15:06:42.207 に答える
0

Chromeでは、入力から離れてタブを移動し、ページにタブインデックスを持つ他の要素がない場合、フォーカスはブラウザのURLバーに変わります。これを防ぐためにできることはおそらくないでしょう。

もう一度タブを押すと、その要素に戻ります。これも、ページ上でタブインデックスを持つ唯一の要素である場合に限ります。

次に、（入力ではなく）ページに戻ると、フォーカスが入力フィールドに自然に復元されないため（ここでも、Chromeでテストします）、JavaScriptを使用して要素にフォーカスを強制する必要がある場合があります。

于 2013-03-21T15:21:34.497 に答える