如何委派按键上/下事件来滚动另一个元素？

Question

我有一个带有可滚动元素的页面。我的问题是我想要向上/向下箭头滚动这个元素，即使它当前没有焦点。

当我在目标元素之外检测到任何keydown事件时，我试图用相同的事件触发keydown。

$(document).keydown(function(e) {
  if ($(e.target).hasClass('box')) {
    return;
  }
    $('.box').trigger('keydown', e);
})

看到这个JS小提琴：https://jsfiddle.net/4tx6aqrr/2

这不起作用。我想做什么？