js 能同时监听两个方向键吗， canvas 画图，想控制八方向移动

网上找了个解决方案，效果不太好

document.onkeydown=function (e){
    console.log(e.key);
    switch (e.key){
        case "ArrowLeft":
            dx-=5;
            break;
        case "ArrowRight":
            dx+=5;
            break;
        case "ArrowUp":
            dy-=5;
            break;
        case "ArrowDown":
            dy+=5;
            break;
    }
}

document.onkeyup=function (e){
    console.log(e.key);
    switch (e.key){
        case "ArrowLeft":
            dx=0;
            break;
        case "ArrowRight":
            dx=0;
            break;
        case "ArrowUp":
            dy=0;
            break;
        case "ArrowDown":
            dy=0;
            break;
    }
}


window.setInterval(()=>{
    // ...
},100);