通过JS实现键盘控制div移动

[念天地之 悠悠]

通过JS实现键盘控制div移动
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
开发工具与关键技术：DW JavaScript

作者：刘家龙
撰写时间：2019/1/18
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
现在让我们来了解一下如何通过JS代码获取键盘键来控制div的移动。
首先要设置一个简单的div，JS部分想让div移动就得声明一个记录运动状态的变量，然后就是创建一个计时器函数，这里要区分好setInterval和setTimeout的区别，不多说，代码如下图：

接下来我用了一个onkeydown和onkeyup事件来控制div的运动和停止，而且里面嵌套了一个for循环的兄弟，swith循环，并没有用平常的if和else来判断，这样可以简便一些代码，代码如下图：

这样就实现了一个粗简的通过Js获取键盘键让div移动，最后再跟大家分享一下一些其他键的键码：