如何使用键盘箭头键分别向左/右移动div 100px

你好！作为一名云计算领域的专家兼开发工程师，我可以为您提供关于如何使用键盘箭头键控制div移动的相关信息。

首先，您可以使用JavaScript来获取键盘输入，并使用if语句来检测箭头键。具体来说，您可以使用以下代码：

document.addEventListener('keydown', (event) => {
  if (event.key === 'ArrowLeft') {
    // 移动div向左
  } else if (event.key === 'ArrowRight') {
    // 移动div向右
  }
});

在上面的代码中，我们使用document.addEventListener来监听键盘事件，并将事件处理程序设置为匿名函数。当键盘输入时，该函数会被调用，并检查按下的键是否为箭头键。如果是，则执行相应的操作。

具体来说，您可以使用CSS样式来移动div。例如，如果您想使用箭头键控制div向左移动100px，可以使用以下CSS代码：

div {
  left: 100px;
}

如果您想使用箭头键控制div向右移动100px，可以使用以下CSS代码：

div {
  left: -100px;
}

在上面的代码中，我们使用left属性来控制div的位置。如果左箭头键被按下，我们将left属性设置为100px，将div向左移动。如果右箭头键被按下，我们将left属性设置为-100px，将div向右移动。

希望这些信息对您有所帮助！如果您有任何其他问题，请随时联系我。