使用javascript上、下、左、右移动方框

// 获取方框元素
var box = document.getElementById("box");

// 初始化方框的位置
var topPosition = 0;
var leftPosition = 0;

// 监听键盘按键事件
document.addEventListener("keydown", function(event) {
  // 根据按键编码判断移动方向
  switch(event.keyCode) {
    case 37: // 左箭头
      leftPosition -= 10;
      break;
    case 38: // 上箭头
      topPosition -= 10;
      break;
    case 39: // 右箭头
      leftPosition += 10;
      break;
    case 40: // 下箭头
      topPosition += 10;
      break;
  }
  
  // 更新方框的位置
  box.style.top = topPosition + "px";
  box.style.left = leftPosition + "px";
});