Javascript JS focusable div防止按键上的主体滚动

我有一个可聚焦的div，我想捕捉keyup事件，并在用户按下arrow down或arrow up时防止主体滚动。我调用了

preventDefault

和

stopPropagation

，但它不起作用

$（'div'）。单击（（e）=>e.focus（））
$（'div'）。on（'keyup'，（e）=>{
e、 停止传播（）；
e、 预防默认值（）；
})

div{
边框：1px纯红；
宽度：200px；
填充：20px；
利润率：20px；
}
* {
框大小：边框框；
}
身体{
高度：200vh；
}

嘿

只使用事件而不使用焦点

如果按下的键是

40

what is means

向下箭头

$（'div'）。向下键（函数（e）{
如果（e.which==40）{
e、 停止传播（）；
e、 预防默认值（）；
}
});
div{
边框：1px纯红；
宽度：200px；
填充：20px；
利润率：20px；
}
* {
框大小：边框框；
}
身体{
高度：200vh；
}

嘿