0

我正在处理一个滚动溢出的 div。预期的行为是当可滚动的 div 通过单击 div 或单击滚动条获得焦点时，将启用键盘命令（即光标键、向上翻页、向下翻页等）。这是一些示例测试代码

<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

Apparently making the div tab-able solves the problem! I simply added tabindex="0" attribute and in Firefox clicking on the scroll bar will now enable keyboard controlls.

于 2012-09-14T16:21:21.857 回答