javascript - 矢印キーで背景位置を変更するにはどうすればよいですか?

Question

こんにちは、ちょっとした JavaScript の学習を始めたところです。最初のプログラムでは、矢印キーを押したときに「背景位置」を移動するコードを書きたいと思いました。だから、あなたの一人が私のコードを修正するのを手伝ってくれることを願っています.

私の（あまり派手ではない）コード：

 var x = 0;
 var y = 0;

function GetChar (event){
        var keyCode = ('which' in event) ? event.which : event.keyCode;
        posy(move(keyCode, x, y))
        posx(move(keyCode, x, y))
    }


function move (key, x, y){
    if (key === 38){
        return y ++;
    } if else (key === 40){
        return y --;
    } if else (key === 39){
        return x ++;
    } if else (key === 37){
        return x --;
    } else{

    }
}

function posy(movy) {
    return body.style.background-position-y + movy * 100; 
}

function posx(movx) {
    return body.style.background-position-x + movx * 100; 
}

Answer 1

私はjQueryでそれを解決することになりました：

$(document).ready(function(){

    var posx = 0;
    var posy = 0;

    $(document).keydown(function(e){
            if(e.keyCode==40){
                posy--;
                console.log('down');
            }else if(e.keyCode==38){
                posy++;
                console.log('up');

            }else if(e.keyCode==39){
                posx--;
                console.log('right');

            }else if(e.keyCode==37){
                posx++;
                console.log('left');

            }else{

            };
        console.log(posy);
        console.log(posx);
        $('body').css('background-position-y', ''+posy*100+'px');
        $('body').css('background-position-x', ''+posx*100+'px');
    });
});