Javascript 使用keybord键在菜单中导航

我有一个带有链接的菜单列表，我想用上下箭头键导航。右箭头键表示“回车”，上一页上的链接键和左键表示“回车”。此外，悬停连杆必须保持在第一个位置。如果我在第三行，它必须把焦点放在第一行的顶部

<a href="test1.php">Line 1</a><br>
<a href="test2.php">Line 2</a><br>
<a href="test3.php">Line 3</a><br>
<a href="test4.php">Line 4</a><br>
<a href="test5.php">Line 5</a><br>

我的代码在这里：

---

您可以看到，如果您首先键入向下箭头键，滚动条将向下滚动。如果我按到下一行，我希望焦点集中在第一行。它必须位于顶部

e.preventDefault（）

将停止默认行为（例如，您提到的滚动）。这就是你要解决的问题吗？