Javascript 如何设置按钮以更改按钮的背景色

我试着让它，这样我可以按下a-d，按钮（a，b，c，d）将改变颜色；当我按“a”时，a按钮应该变暗，例如，如果我按“b”，a按钮应该变回原来的颜色。“b”会变成更暗的颜色， 这可能不是最有效的方法，但这是我能想到的最有效的方法之一

我的代码：

document.addEventListener("keydown", function(event) {
    if(event.keyCode == 65)
    {
        document.getElementById("a1").style.background='#BFBFBF';
        document.getElementById("b1").style.background='#FFFFFF';
        document.getElementById("c1").style.background='#FFFFFF';
        document.getElementById("d1").style.background='#FFFFFF';
    }
    else if(event.keyCode == 66)
    {
        document.getElementById("b1").style.background='#BFBFBF';
        document.getElementById("c1").style.background='#FFFFFF';
        document.getElementById("d1").style.background='#FFFFFF';
        document.getElementById("a1").style.background='#FFFFFF';
    }
    else if(event.keycode == 67)
    {
        document.getElementById("c1").style.background='#BFBFBF';
        document.getElementById("d1").style.background='#FFFFFF';
        document.getElementById("a1").style.background='#FFFFFF';
        document.getElementById("b1").style.background='#FFFFFF';
    }
    else if(event.keycode == 68)
    {
        document.getElementById("d1").style.background='#BFBFBF';
        document.getElementById("a1").style.background='#FFFFFF';
        document.getElementById("b1").style.background='#FFFFFF';
        document.getElementById("c1").style.background='#FFFFFF';
    }
});

document.addEventListener("keyup", function(event) {
    if(event.keyCode == 65)
    {
        event01()
    }
    else if(event.keyCode == 66)
    {
        event02()
    }
    else if(event.keycode == 67)
    {
        event03()
    }
    else if(event.keycode == 68)
    {
        event04()
    }
});

~函数（）{
变量选项={
65:{按钮：“a1”，处理程序：eventA}，
66:{按钮：“b1”，处理程序：eventB}，
67:{按钮：“c1”，处理程序：eventC}，
68:{按钮：“d1”，处理程序：eventD}
};
文档.添加的事件列表器（“键控”，函数（事件）{
var cur=opts[event.keyCode]；
cur&（document.getElementById（cur.button）.style.background='#bfbf'）；
});
文件。添加事件列表器（“键控”，功能（事件）{
var cur=opts[event.keyCode]；
如果（当前）{
document.getElementById（cur.button）.style.background=''；
cur.handler（）；
}
});
函数eventA（）{}
函数eventB（）{}
函数eventC（）{}
函数eventD（）{}
}();
按钮{
背景：白色；
}
a
B
C
d
如果您想查看代码的其余部分，请告诉我。