0

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

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

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

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

现在我正在考虑以下几点：

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

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

4

2 回答 2

1

正如您所发现的， a<div>本身不是可聚焦的。但是，您可以通过添加;使其具有焦点tabindex="0"。. 回到 IE7 的浏览器应该可以识别这一点。div<div tabindex="0" style="overflow:auto;height:100px;">

我所知道的唯一可以让你超越滚动条的浏览器是 IE，除非你在 flash 中这样做，也许是一些 JS。

于 2013-02-08T01:52:09.373 回答
0

有关浏览器支持的事件列表，请参见本网站http://www.quirksmode.org/dom/events/index.html

于 2013-02-07T21:01:33.397 回答