Javascript 向上翻页、向下翻页、向上和向下键don'；我不在我的页面上工作

我正在制作一个公文包来展示我的项目。因此，当有人单击菜单中的Project 1时，一个新的div（div#project1）将从左侧滑入，就像显示Project 1的新页面一样

问题

向上翻页、向下翻页、向上和向下箭头不会自动作用于此div（div#project1）

我需要先单击div（div#project1），然后才能使用键盘滚动

我怎样才能使它自动？寻找javascript的答案！多谢各位

功能项目（）{
document.getElementById（“project1”）.toggleClass（“show”）；
document.getElementById（'project1'）。addEventListener（'click'，function（）{
this.classList.toggle（'focus'）；//或其他什么。。。
这是focus（）；
});
}
HtmleElement.prototype.addClass=函数（字符串）{
if（！（数组的字符串实例））{
string=string.split（“”）；
}
对于（变量i=0，len=string.length；i

.project{
位置：固定；
排名：0；
宽度：100vw；
过渡：全部5秒；
z指数：100；
左：100vw；
背景：#fff；
溢出y：滚动；
底部：0；
}
.表演{
左：0vw！重要；
}

项目1
项目1
您需要在内部
单击
侦听器回调之外执行
焦点
方法。当您隐藏项目详细信息时，最好将焦点从中移除：

function project() {
    const proj = document.getElementById("project1");
    proj.classList.toggle('show');
    proj.addEventListener('click', function() {
        this.classList.toggle('focus');
        this.blur(); // Remove focus
    });
    proj.focus(); // Set the focus on the project details that just appeared.
}

旁注：当您似乎可以使用提供所有这些功能的
classList
属性时，为什么会有这些原型函数？无论如何，这似乎与你的问题无关。最好把你的代码简化到你问题的本质。哦，对了，我漏掉了。谢谢你的提醒！