移动

事件对象：
event对象：当一个事件发生的时候，和当前这个对象发生的这个事件有关的一些详细信息，都会被临时存放到一个指定的地方。可以说这个这个指定的地方就是事件的对象。


事件对象有什么：有事件的详细信息。
怎么找到事件对象呢：事件函数的第一个参数就是事件对象。


//练习创建div，让div跟着你鼠标移动。


/*onmousemove是以事件进行事件驱动的，不是像素驱动的*/


事件冒泡：

当一个元素嵌套一个元素时，如果内部元素接收事件，会把事件传递给父级元素。这种现象就是事件冒泡。

var oDiv = document.getElementById("demo");

document.onkeypress = function(ev){
   //oDiv当前的偏移值
   switch(ev.keyCode){
      case 119:
      oDiv.style.top = oDiv.offsetTop-10+"px";
      break;
      case 115:
      oDiv.style.top = oDiv.offsetTop+10+"px";
      break;
      case 97:
      oDiv.style.left = oDiv.offsetLeft-10+"px";
      break;
      case 100:
      oDiv.style.left = oDiv.offsetLeft+10+"px";
      break;
   }
   
}