0

特定のブラウザーでは、スクロール可能な div 要素がフォーカスを受け取ることができるように見えます。その要素にフォーカスがあると、ユーザーは矢印キーとページの上下を使用できます。私の会社は 508 に完全に準拠しようとしているので、この機能についてできる限りのことを学びたいと思っています。

私の質問は、スクロール可能な要素でフォーカス イベントをサポートするブラウザーはどれですか?

私はカスタム スクロール バー コンポーネントを作成して、よりスタイリッシュなスクロール コンテナーを作成し、UX (ユーザー エクスペリエンス) の人たちを満足させてレイアウトをきれいにしようとしています (はい、これは良い考えではない可能性が高いことは承知しています)。要件を満たすコンポーネント。

カスタムのスクロール可能な div 要素を 508 に完全に準拠させる方法について、ここで提供できるその他の情報/ヒントは素晴らしいでしょう。

現在、次のことを検討しています。

  1. スクロール可能な要素に焦点を当てると、矢印キーで上/下およびページ/上/下が可能になります...どのブラウザーですか? これはすべてのブラウザですか？
  2. マウスの中ボタンが機能するはずです (マウスの動きに合わせて高速スクロールが表示されます)。
  3. マウスホイールが機能するはずです
  4. 通常は矢印キーを使用しないスクロール可能な要素 (input や textarea など) 内の何かにフォーカスがある場合、矢印キー/ページアップ/ダウンは div をスクロールします

忘れているスクロールを移動する他の方法はありますか?

4

2 に答える 2

1

お気づきのように、 a<div>はネイティブにフォーカス可能ではありません。tabindex="0"ただし、div;に追加することで、フォーカス可能にすることができます。<div tabindex="0" style="overflow:auto;height:100px;">. これは、IE7 までのブラウザで認識できるはずです。

私が知っている唯一のブラウザで、スクロールバーをオーバーランできるのは IE だけです。フラッシュで実行しない限り、JS かもしれません。

于 2013-02-08T01:52:09.373 に答える
0

ブラウザでサポートされているイベントのリストについては、この Web サイトを参照してください http://www.quirksmode.org/dom/events/index.html

于 2013-02-07T21:01:33.397 に答える