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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 1647 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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);

5 条回复 • 2021-07-31 19:41:31 +08:00