找到使元素移动的 x 轴位置

Question

当用户按“a”时，我试图使元素在 X 轴上向后移动。但是，我不知道如何让它在用户每次按下该键时移动得更远:(。我是 JS 新手，

document.addEventListener("keypress", function (e) {
  let moveBy = 20;
  if (e.key === "a") {
    moveBy++;
    element.style.webkitTransform = `translateX(-${moveBy}px)`;
  }
}

谢谢！

Answer 1

在函数外部定义 moveBy 并在每次按键时递增

const element = document.querySelector('div');
  let moveBy = 20;

document.addEventListener("keypress", function (e) {
  if (e.key === "a") {
    moveBy++;
    element.style.webkitTransform = `translateX(-${moveBy}px)`;
    moveBy+=20
  }
})

div {

width: 200px;
height: 200px;
background: red;
}

<div></div>