Question

我正在处理一个带有滚动的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时激活，而不是滚动条本身，因此这就是问题所在。

Answer 1

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

使用键盘时，Firefox滚动条未聚焦

1 个答案: