javascript - 使用箭头键移动 javascript 字符

Question

我正在用javascript编写一个RPG游戏，我希望我的主角在你按下箭头键或wasd键时移动。我有生成他的代码，但是我应该如何定义他的位置，以便在按下上述键时他移动？

function mainchar(){
    var mainchar = new Image();
    mainchar.src = /*I'll add this soon*/;
    mainchar.style.top = /*What should I put here?*/;
    mainchar.style.left = /*What should I put here?*/;
    mainchar.style.position = "absolute";
    document.body.appendChild( mainchar );
}

Answer 1

使用：http ://help.dottoro.com/ljaffqqe.php

在keyup/keydown 使用正确的键码时捕捉。

然后将 mainchar.style.top 设置为您希望将其移动到的任何位置...

例如

1. 检测键
2. 当按下正确的键时
3. 更新 mainchar.stlye.top