可滚动的Div onfocus事件浏览器支持

Question

似乎某些浏览器允许可滚动的div元素接收焦点 - 然后该元素具有焦点，用户可以使用箭头键和向上/向下翻页。我有兴趣学习有关此功能的所有内容，因为我的公司正在尝试完全符合508标准。

我的问题是，哪些浏览器支持焦点事件在可滚动元素上？

我正在尝试制作一个自定义滚动条组件，以创建一个更时尚的滚动容器，以满足用户体验（用户体验），让他们的布局漂亮（是的，我知道这可能不是一个好主意）我要去使组件满足他们的要求。

您可以在此处提供有关如何使我的自定义可滚动div元素完全符合508的任何其他信息/提示，这将非常棒。

现在我正在考虑以下事项：

1. 专注于可滚动元素允许向上/向下箭头键和页面/向上向下...哪些浏览器？这是所有浏览器吗？
2. 鼠标中键应该可以正常工作（带鼠标移动快速滚动）
3. 鼠标滚轮应该正常工作
4. 如果专注于可滚动元素内部通常不使用箭头键（例如输入或文本区域）的内容，则箭头键/向上/向下页面将滚动div

还有其他方法来移动我忘记的卷轴吗？

Answer 1

正如您所发现的那样，<div>本身无法集中精力。但是，您可以通过将tabindex="0"添加到div来使其变得可关注; <div tabindex="0" style="overflow:auto;height:100px;">。这应该是浏览器可以识别回IE7。

我所知道的唯一允许你超越滚动条的浏览器是IE，除非你在flash中执行，可能是一些JS。

Answer 2

请在此网站上查看支持浏览器http://www.quirksmode.org/dom/events/index.html

的活动列表