9

非表示のコンテンツにアクセスできるようにするために、属性を使用してdivタブを作成しました。tabindex

現在、マウスでクリックすると、divブラウザの:focusスタイルが取得されます。

キーボードからアクセスしたときにのみフォーカススタイルを持つようにタブ可能な要素を持つ方法はありますか? アンカー要素にはデフォルトでこれがあります。

  • Divtabindex='0'マウスとキーボードの操作でブラウザーのフォーカス スタイルを取得します
  • アンカーは、キーボード操作のみでブラウザ フォーカス スタイルを取得します

div でアンカーをエミュレートしたいと思います。残念ながら、それをアンカーにすることはオプションではありません。

どんな助けでも素晴らしいでしょう、私は本当に途方に暮れています。

編集 -> 例を次に示します: http://jsfiddle.net/LvXyL/2/

4

4 に答える 4

7

確かに、:focus 疑似クラスを div とスタイルに追加するだけです。アウトラインとボーダーの使用をお勧めします。フィドルを更新しました。

div:focus {outline: blue solid 2px;}

Kub は JS ソリューションを提案しましたが、実際に必要がないのになぜ js を使用するのでしょうか?

于 2012-04-20T12:36:58.690 に答える
-1

JavaScript を使用できる場合は、onclick属性を使用してみてください。

onclick="this.blur()"焦点を失ったために

onclick="this.focus()"フォーカス設定用

DIVクリックするとフォーカスが失われ、フォーカスAが設定される例http://jsfiddle.net/LvXyL/6/

不利な点は、マウス キーを長時間押し続けるとフォーカス スタイルが表示されることです。

于 2012-04-20T12:32:45.467 に答える