键盘滚动在webkit中的焦点div上

kok*_*oko 2 javascript jquery webkit

我有这个小jquery插件.垂直可滚动div中有一些图像.我可以点击这个div并使用箭头键滚动它.

如果您看一下这个例子,您可以看到我想观察是否按下了向右/向左箭头键,如果是,请跳转到下一个图像.在Firefox和IE中,正在调用keyup()事件,而在safari和chrome中则不然.

我在webkit浏览器中遇到了几个奇怪的滚动和焦点行为,但我不知道为什么没有触发keyup()事件.如果您有任何想法,请告诉我.

mek*_*all 11

只需将tabindex属性添加到您的div元素中即可.这是一种黑客攻击,使其他无法集中的元素可以集中,就像任何inputbutton.

根据给定的值tabindex,它会表现得很差:

  • 0 将允许您使用键盘箭头和Tab键聚焦元素
  • -1 将禁用Tab键,但它仍然是可聚焦的
  • 任何更大的东西0都可以让你优先选择标签,哪里1有最高优先级

我相应地更新了jsFiddle演示.