javascript - 如何在 Opera 中为键盘滚动聚焦一个 div

Question

我有一个类似灯箱的 div，它出现在页面上以呈现可滚动的内容。在 FF、IE 和 Chrome 中，允许用户使用箭头和向下/向上翻页键滚动灯箱就像为其分配一个 tabindex 并调用 .focus() 一样简单。

在 Opera 中，.focus() 什么都不做，tab/arrow/page 键将继续作用于后台页面中的任何 tabstop 元素。

这里有一个 fiddle 来说明这个问题:http://jsfiddle.net/9W943/5/

我见过很多关于如何聚焦 div 的例子，但似乎没有人承认 tabindex 方法在 Opera 中不起作用。有什么办法可以强制 Opera 聚焦灯箱吗？如果做不到这一点，最好的解决方法是什么 - 监听关键事件然后“手动”滚动灯箱？ (或者我可以重定向事件吗？)

我试过在灯箱上调用 .click() 并创建+发送一个假的点击事件 - 因为键盘滚动在你点击它后可以正常工作 - 但都没有用。

我也很好奇为什么非输入元素不是可聚焦的标准，因为它们可以并且确实接收键盘事件!如果不是可以通过键盘与之交互的元素，您如何定义焦点元素？

Answer 1

这是一个已知错误(内部 DSK-269802)- 不幸的是，据我所知没有很好的解决方法:-/

我昨天自己遇到了这个问题，我会给这个错误一个“障碍”——也许我们可以将它纳入一些正在进行的开发工作中。我建议您忽略该错误并像它在 Opera 中工作一样编写代码，因为总有一天它会。