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

如何使用箭头键更改背景位置？

1 个答案: