我正在尝试制作游戏，但遇到了问题

Question

I am trying to make a game in which your goal is to get to the end of a maze without hitting any walls, I want to make sure you can't stop moving. So when I press WI should move up and when I would press DI should stop moving up and start moving to the right.

The problem is that I can't figure out how to make sure you stop moving when you press another key.

This is what I have now:

function moveRight() {
    var moveRight = setInterval(function(){
        let top =
        parseInt (window.getComputedStyle(character).getPropertyValue("top"));
        let left =
        parseInt (window.getComputedStyle(character).getPropertyValue("left"));
        left += 1;
        character.style.left = left + "px";
    }, 1);
}

document.addEventListener("keydown", event => {
    if(event.key==="a") {moveLeft();}
    if(event.key==="d") {moveRight();}

    if(event.key==="s") {moveDown();}
    if(event.key==="w") {moveUp();}
});

Answer 1

Your character continues moving because you are setting the interval and never stopping it. First you need all the references to your intervals as global variables, so define them outside function:

var movingRight = false;
var movingLeft = false;
var movingUp = false;
var movingDown = false;

Then you need event listeners for both keydown and keyup

document.addEventListener("keydown", event => {
    if(event.key==="a") {startMoveLeft();}
    if(event.key==="d") {startMoveRight();}
    if(event.key==="s") {startMoveDown();}
    if(event.key==="w") {startMoveUp();}
});
document.addEventListener("keyup", event => {
    if(event.key==="a") {stopMoveLeft();}
    if(event.key==="d") {stopMoveRight();}
    if(event.key==="s") {stopMoveDown();}
    if(event.key==="w") {stopMoveUp();}
});

Finally create all the start and stop functions, example for Right:

function startMoveRight() {
    movingRight = setInterval(function(){
        let top =
        parseInt (window.getComputedStyle(character).getPropertyValue("top"));
        let left =
        parseInt (window.getComputedStyle(character).getPropertyValue("left"));
        left += 1;
        character.style.left = left + "px";
    }, 1);
}
function stopMoveRight() {
    clearInterval(movingRight);
}