使用键盘时 Firefox 滚动条没有聚焦答案

【问题标题】：Firefox scroll bar not focused when using keyboard使用键盘时 Firefox 滚动条没有聚焦
【发布时间】：2022-03-27 21:36:16
【问题描述】：

我正在处理一个滚动溢出的 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 时才会激活键盘操作，而不是滚动条本身，所以这就是问题所在。

【问题讨论】：

标签： javascript html firefox dom-events

【解决方案1】：

显然使 div 选项卡可以解决问题！我只是添加了 tabindex="0" 属性，在 Firefox 中单击滚动条现在将启用键盘控件。

【讨论】：