Javascript—允许用户使用键盘上的指定键点亮页面上的框/项

Javascript—允许用户使用键盘上的指定键点亮页面上的框/项,javascript,html,css,Javascript,Html,Css,我想创建一个网页,使用户可以使用键盘上的指定键点亮页面上的框/项。例如,在下面,使用“M”点亮界面上的中间项,或使用“F”点亮顶部项。 我希望该功能能够同时点亮多个盒子,同时按下多个按钮 有人建议我使用事件装饰器,但我不完全确定从哪里开始 document.addEventListener('keydown', function(event) { if(event.keyCode == 37) { alert('Left was pressed'); }

我想创建一个网页,使用户可以使用键盘上的指定键点亮页面上的框/项。例如,在下面,使用“M”点亮界面上的中间项,或使用“F”点亮顶部项。 我希望该功能能够同时点亮多个盒子,同时按下多个按钮

有人建议我使用事件装饰器,但我不完全确定从哪里开始

document.addEventListener('keydown', function(event) {
    if(event.keyCode == 37) {
        alert('Left was pressed');
    }
    else if(event.keyCode == 39) {
        alert('Right was pressed');
    }
});

只需检查特定的字母键,并根据这些键执行操作:

document.addEventListener(“keydown”,({keyCode})=>{
if(document.getElementById(keyCode))document.getElementById(keyCode).classList.add(“活动”);
});
document.addEventListener(“keyup”,()=>{
document.queryselectoral(“.key”).forEach(elem=>elem.classList.remove(“active”);
});
.active{
背景颜色:金色;
}
M
F

L
…Java?python当问题与这些语言无关时,为什么要使用这些问号?我能问一下数字77/70/76的相关性吗?