使用箭头键移动javascript字符

Question

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

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设置为您希望将其移动到的位置......

e.g。

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