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

正しいキーコードを使用して、キーアップ/キーダウンをキャプチャします。

次に、mainchar.style.top を移動したい場所に設定します...

例えば

1. キーの検出
2. 正しいキーが押されたとき
3. 更新された mainchar.stlye.top