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

时间:2011-01-25 08:42:14

标签: javascript jquery webkit

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

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

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

1 个答案:

答案 0 :(得分:11)

只需将tabindex属性添加到您的div - 元素即可。就像任何inputbutton一样,这是一种让人无法集中注意力的元素可以解决的问题。

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

  • 0将允许您使用键盘箭头和Tab键
  • 来聚焦元素
  • -1会停用标签,但仍然可以关注
  • 大于0的任何内容都可以让您对标签重点进行优化,1具有最高优先级

我已相应更新了jsFiddle demo