控制键盘上下左右让div 移动

要让div移动，可以通过以下步骤来实现：

1. 给div设置position属性为“absolute”或“fixed”。

2. 通过JavaScript监听键盘事件，例如keydown或keyup事件。

3. 在事件处理程序中，通过键盘事件中的keyCode属性来判断用户按下了哪个键。

4. 根据用户按下的键，设置div的left和top属性来改变div的位置。

以下是一个基本的示例代码：

<div id="myDiv" style="position: absolute; left: 0; top: 0; width: 100px; height: 100px; background-color: red;"></div>

<script>
  var div = document.getElementById('myDiv');
  var left = parseInt(div.style.left);
  var top = parseInt(div.style.top);
  
  document.addEventListener('keydown', function(event) {
    if (event.keyCode === 37) { // 左箭头
      left -= 10;
    } else if (event.keyCode === 38) { // 上箭头
      top -= 10;
    } else if (event.keyCode === 39) { // 右箭头
      left += 10;
    } else if (event.keyCode === 40) { // 下箭头
      top += 10;
    }
    
    div.style.left = left + 'px';
    div.style.top = top + 'px';
  });
</script>