欢迎点击「算法与编程之美」↑关注我们！
本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。
1 问题描述最近有接触到这样一个练习，怎么用JavaScript实现键盘控制div的上下左右移动，拿到这样的题目，很新鲜也很害怕自己不能解决，通过百度、查看相关的博客，最后总算实现了键盘控制div的移动，接下来，将我的经验和大家分享一下。
2 问题分析
在拿到这样的问题时，先自行百度，参考学习类似博客的方法。我们先来看看，要实现键盘控制div的移动大概的原理：
***要实现div的移动，首先要获取div对象
***position：absolute
***获取键盘的操作
***根据键盘的不同操作，给出不同响应
这就有了一个简单的思路和逻辑，对解决问题提供了很大的帮助。
3 解决方案先开一个定时器，让div一直处于（往4个方向）准备移动的状态初始4个方向的值都是false，div就保持在原地不动。按下某个方向键，这个方向的值就改变为true，div就会开始往这个方向移动。松开方向键，这个方向的值就改变为false , div就停止这个方向移动了。
先是html代码，设置div的高宽和颜色等；div需是absolute，了解
