0

スクロールがあふれるdivに取り組んでいます。予想される動作は、スクロール可能なdivがdivをクリックするか、スクロールバーをクリックしてフォーカスされると、キーボードコマンドが有効になります（つまり、カーソルキー、Page Up Page Downなど）。これがいくつかのサンプルテストコードです

<html>
    <head>
        <script type="text/javascript">
            function handle() { console.log("fired"); };
        </script>
    </head>
    <body>
        <div style="width:200px; height:500px; overflow-y: scroll; border: 1px solid gray;" onscroll="handle()">
            <div style="width:150px; height:2000px;">&nbsp;</div>
        </div>
    </body>
</html>

これはIE、Chrome、Safariで動作します。ただし、Firefoxの場合、キーボードアクションは、スクロールバー自体ではなく、divをクリックしたときにのみアクティブになるため、これが問題になります。

4

1 に答える 1

1

どうやらdivをタブ可能にすることで問題は解決します！tabindex = "0"属性を追加しただけで、Firefoxでスクロールバーをクリックするとキーボードコントロールが有効になります。

于 2012-09-14T16:21:21.857 に答える