阻止焦点div随箭头键滚动

要阻止焦点div随箭头键滚动，可以通过监听键盘事件，并在箭头键按下时阻止焦点div滚动。以下是一个示例代码：

HTML:

<div id="container" tabindex="0">
  <div id="content">
    <!-- 这是焦点div的内容 -->
  </div>
</div>

CSS:

#container {
  overflow: auto;
  height: 200px;
  width: 200px;
}

JavaScript:

var container = document.getElementById("container");

container.addEventListener("keydown", function(event) {
  if (event.keyCode >= 37 && event.keyCode <= 40) {
    event.preventDefault();
  }
});

在上面的代码中，我们首先通过document.getElementById获取到焦点div的容器元素，并给它添加了一个keydown事件监听器。

在事件监听器中，我们检查按下的键是否是箭头键（键码37到40），如果是箭头键，我们调用event.preventDefault()阻止默认的滚动行为。

通过这个方法，我们就可以阻止焦点div随箭头键滚动了。