прокрутка клавиатуры на выделенном div в webkit

Question

У меня есть этот маленький плагин jquery.Есть несколько изображений в вертикально прокручиваемом div.Я могу щелкнуть по этому элементу div и прокрутить его с помощью клавиш со стрелками.

Если вы посмотрите на этот пример , вы увидите, что я хочу наблюдать, если нажимать клавишу со стрелкой вправо / влевои если это так, перейдите к следующему изображению.В Firefox и IE вызывается событие keyup (), а в safari и chrome - нет.

Я обнаружил несколько странных движений прокрутки и фокусировки в браузерах webkit, но я не знаю, почему keyup() Событие не запускается.Если у вас есть идеи, пожалуйста, дайте мне знать.

Answer 1

Просто добавьте атрибут tabindex к вашему div -элементу, и он будет работать.Это своего рода хак, чтобы сделать фокусируемый элемент без фокуса, как и любой input или button.

В зависимости от значения, данного tabindex, он будет вести себя по-разному:

• 0 позволит вам сфокусировать элемент с помощью стрелок на клавиатуре, а клавиша табуляции
• -1 отключит табуляцию, но все равно будет фокусироваться
• Все, что большезатем 0 позволит вам приоритизировать фокусировку вкладок, где 1 имеет наивысший приоритет

Я обновил jsFiddle demo соответственно.