js键盘操作实现div的移动或改变的原理及代码.docxVIP

　　js键盘操作实现div的移动或改变的原理及代码 　　昨天记录了获取键盘按键的值的事件，有了值，无非就是针对不同值做不同的操作嘛，而且之前曾经在写贪吃蛇时也用到过。结果一捯饬，又是好久的一段时间，所以感觉有必要记录下的，一方面确有可取之处，另一方面也对自己的提醒，刚刚实现过的功能转头又是陌生人了，总的来说，算是温故而知新吧。 　　这样我们先来分析，要实现键盘操作实现div的移动大概的原理吧： 　　*---要实现div的移动，首先最关键的一点：获取div对象 　　*---postion：absolute将div完全从文档流中拖出啊，这个地方漏掉了，回去看了贪吃蛇才发现的，真晕 　　*---获取键盘的操作 　　*---根据键盘的不同操作，给出不同响应 　　这就是我想起的大概需要注意的地方，还是先来看代码： 　　先是html部分 　　然后记录下javascript的实际操作 　　就这样，我们完成了原理分析中的需求，同时也就可以通过上、下、左、右按键来实现div的上下左右移动了，接下来，再来记录下敏感地方吧。 　　1、div需是absolute的，为这个纠结了半天实在不值得，于是查询了下，了解了一个概念“文档流”， 　　大概意思能够明白了，但是感觉有些地方还是没法有效的用语言来表述，而且有些点略微有些模糊，相信随着经验的累积，我能理解的更深一些。 　　2、keyCode这里的大写，onk